ColorTool
登入
#32BFB5

#32bfb5 ≈ Tiffany Blue

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

#32bfb5 屬於青色系（明度：中等，彩度：偏高）。 在 RGB 模型中，它由 19.61% 紅、74.9% 綠和 70.98% 藍組成；以 CMYK 印刷時需要 73.82% 青、0% 洋紅、5.24% 黃和 25.1% 黑。 在 HSL 中，它的色相角為 175.74°，彩度為 58.51%，明度為 47.25%。 這是一種冷色，常讓人聯想到清爽、科技與明晰。 設計師常把它用於健康與養生、科技產品和品牌點綴色。 在此色彩上使用黑色文字時，對比度為 9.26:1（WCAG AAA）。 最接近的具名色彩是 Tiffany Blue（#0abab5），ΔE 為 2.4。

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

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

互補色

  1. #32bfb5
  2. #bf323c

分裂互補色

  1. #32bfb5
  2. #bf3282
  3. #bf6e32

類似色

  1. #32bf6e
  2. #32bfb5
  3. #3282bf

三角配色

  1. #32bfb5
  2. #b532bf
  3. #bfb532

矩形配色

  1. #32bfb5
  2. #323cbf
  3. #bf323c
  4. #bfb532

正方形配色

  1. #32bfb5
  2. #6e32bf
  3. #bf323c
  4. #82bf32

單色配色

  1. #124642
  2. #22827c
  3. #32bfb5
  4. #66d7cf
  5. #a3e7e2

暗色

#32bfb5 逐步混入黑色。

  1. #32bfb5
  2. #2daca3
  3. #289991
  4. #23867f
  5. #1e736d
  6. #19605b
  7. #144c48
  8. #0f3936
  9. #0a2624
  10. #051312
  11. #000000

淺色

#32bfb5 逐步混入白色。

  1. #32bfb5
  2. #47c5bc
  3. #5bccc4
  4. #70d2cb
  5. #84d9d3
  6. #99dfda
  7. #ade5e1
  8. #c2ece9
  9. #d6f2f0
  10. #ebf9f8
  11. #ffffff

灰調

#32bfb5 逐步混入灰色。

  1. #32bfb5
  2. #3ab9b0
  3. #42b2aa
  4. #49aca5
  5. #51a6a0
  6. #59a09b
  7. #619995
  8. #699390
  9. #708d8b
  10. #788685
  11. #808080

清楚易讀的文字 2.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
清楚易讀的文字 9.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

全色盲 #acacac 約占男性的 0.003%
全色弱 #8cb4b0 約占男性的 0.001%
紅色盲 #b4b4b5 約占男性的 1.01%
綠色盲 #a1a6b6 約占男性的 1.27%
藍色盲 #00c4bc 約占男性的 0.0001%
紅色弱 #92b9b5 約占男性的 1.08%
綠色弱 #83b1b6 約占男性的 4.63%
藍色弱 #00c2b9 約占男性的 0.0002%
以自己的圖片模擬

此色彩的文字

此色彩的背景

此色彩的框線

文字色彩
.text-32bfb5 {
  color: #32bfb5;
}
背景
.bg-32bfb5 {
  background-color: #32bfb5;
  color: #000000;
}
框線
.border-32bfb5 {
  border: 2px solid #32bfb5;
}
CSS 變數
:root {
  --color-primary: #32bfb5;
  --color-primary-rgb: 50 191 181;
  --color-primary-hsl: 176 59% 47%;
}
漸層
.gradient-32bfb5 {
  background: linear-gradient(135deg, #32bfb5, #3282bf);
}
彩色陰影
.shadow-32bfb5 {
  box-shadow: 0 8px 24px rgb(50 191 181 / 0.35);
}

#0abab5 Tiffany Blue ΔE 2.40 #20b2aa Light Sea Green ΔE 3.68 #43b3ae Verdigris ΔE 3.82 #00cccc Robin Egg Blue ΔE 4.95 #48d1cc Medium Turquoise ΔE 5.19 #00ced1 Dark Turquoise ΔE 6.03 #40e0d0 Turquoise ΔE 8.23 #cd404a 反相色 #acacac 灰階 

Tiffany Blue
#32bfb5  rgb(50, 191, 181)  hsl(176, 59%, 47%)  Tiffany Blue
#bf323c  rgb(191, 50, 60)  hsl(356, 59%, 47%)  Cardinal
#b532bf  rgb(181, 50, 191)  hsl(296, 59%, 47%)  Purpureus
#bfb532  rgb(191, 181, 50)  hsl(56, 59%, 47%)  Old Gold