ColorTool
登入
#0CFB95

#0cfb95 ≈ Medium Spring Green

  • 青綠
  • 明度: 中等
  • 彩度: 很高
  • 中間色
檢查對比度 在關係圖中探索 隨機色彩

#0cfb95 屬於青綠色系（明度：中等，彩度：很高）。 在 RGB 模型中，它由 4.71% 紅、98.43% 綠和 58.43% 藍組成；以 CMYK 印刷時需要 95.22% 青、0% 洋紅、40.64% 黃和 1.57% 黑。 在 HSL 中，它的色相角為 154.39°，彩度為 96.76%，明度為 51.57%。 它介於冷暖之間，常讓人聯想到清澈、寧靜與煥新。 設計師常把它用於健康與養生、科技產品和行動呼籲按鈕。 在此色彩上使用黑色文字時，對比度為 15.25:1（WCAG AAA）。 最接近的具名色彩是 Medium Spring Green（#00fa9a），ΔE 為 0.97。

根據此色彩的量測屬性自動產生的說明。

HEX
RGB
RGB 百分比
CMY
CMYK
HSL
HSV / HSB
網頁安全色#00ff99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
二進位
十進位
相對亮度0.7124

互補色

  1. #0cfb95
  2. #fb0c72

分裂互補色

  1. #0cfb95
  2. #fb0cea
  3. #fb1d0c

類似色

  1. #0cfb1d
  2. #0cfb95
  3. #0ceafb

三角配色

  1. #0cfb95
  2. #950cfb
  3. #fb950c

矩形配色

  1. #0cfb95
  2. #0c72fb
  3. #fb0c72
  4. #fb950c

正方形配色

  1. #0cfb95
  2. #1d0cfb
  3. #fb0c72
  4. #eafb0c

單色配色

  1. #026c3f
  2. #03b76a
  3. #0cfb95
  4. #57fcb6
  5. #a3fdd7

暗色

#0cfb95 逐步混入黑色。

  1. #0cfb95
  2. #0be286
  3. #0ac977
  4. #08b068
  5. #079759
  6. #067e4b
  7. #05643c
  8. #044b2d
  9. #02321e
  10. #01190f
  11. #000000

淺色

#0cfb95 逐步混入白色。

  1. #0cfb95
  2. #24fba0
  3. #3dfcaa
  4. #55fcb5
  5. #6dfdbf
  6. #86fdca
  7. #9efdd5
  8. #b6fedf
  9. #cefeea
  10. #e7fff4
  11. #ffffff

灰調

#0cfb95 逐步混入灰色。

  1. #0cfb95
  2. #18ef93
  3. #23e291
  4. #2fd68f
  5. #3aca8d
  6. #46be8b
  7. #52b188
  8. #5da586
  9. #699984
  10. #748c82
  11. #808080

清楚易讀的文字 1.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
清楚易讀的文字 15.25:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

全色盲 #dcdcdc 約占男性的 0.003%
全色弱 #afe9c3 約占男性的 0.001%
紅色盲 #fae68e 約占男性的 1.01%
綠色盲 #e2d59c 約占男性的 1.27%
藍色盲 #00f8e2 約占男性的 0.0001%
紅色弱 #c7ef91 約占男性的 1.08%
綠色弱 #b5e599 約占男性的 4.63%
藍色弱 #00f9c8 約占男性的 0.0002%
以自己的圖片模擬

此色彩的文字

此色彩的背景

此色彩的框線

文字色彩
.text-0cfb95 {
  color: #0cfb95;
}
背景
.bg-0cfb95 {
  background-color: #0cfb95;
  color: #000000;
}
框線
.border-0cfb95 {
  border: 2px solid #0cfb95;
}
CSS 變數
:root {
  --color-primary: #0cfb95;
  --color-primary-rgb: 12 251 149;
  --color-primary-hsl: 154 97% 52%;
}
漸層
.gradient-0cfb95 {
  background: linear-gradient(135deg, #0cfb95, #0ceafb);
}
彩色陰影
.shadow-0cfb95 {
  box-shadow: 0 8px 24px rgb(12 251 149 / 0.35);
}

#00fa9a Medium Spring Green ΔE 0.97 #00ff7f Spring Green ΔE 3.58 #98ff98 Mint Green ΔE 7.74 #98fb98 Pale Green ΔE 7.75 #90ee90 Light Green ΔE 7.88 #77dd77 Pastel Green ΔE 8.93 #0bda51 Malachite ΔE 9.60 #f3046a 反相色 #dcdcdc 灰階 

Medium Spring Green
#0cfb95  rgb(12, 251, 149)  hsl(154, 97%, 52%)  Medium Spring Green
#fb0c72  rgb(251, 12, 114)  hsl(334, 97%, 52%)  Rose
#950cfb  rgb(149, 12, 251)  hsl(274, 97%, 52%)  Electric Violet
#fb950c  rgb(251, 149, 12)  hsl(34, 97%, 52%)  Carrot Orange