ColorTool
登入
#89755D

#89755d ≈ Raw Umber

  • 橙
  • 明度: 中等
  • 彩度: 偏低
  • 暖色
檢查對比度 在關係圖中探索 隨機色彩

#89755d 屬於橙色系（明度：中等，彩度：偏低）。 在 RGB 模型中，它由 53.73% 紅、45.88% 綠和 36.47% 藍組成；以 CMYK 印刷時需要 0% 青、14.6% 洋紅、32.12% 黃和 46.27% 黑。 在 HSL 中，它的色相角為 32.73°，彩度為 19.13%，明度為 45.1%。 這是一種暖色，常讓人聯想到熱忱、溫暖與創意。 設計師常把它用於行動呼籲按鈕、食品品牌與餐廳和品牌點綴色。 在此色彩上使用黑色文字時，對比度為 4.77:1（WCAG AA）。 最接近的具名色彩是 Raw Umber（#826644），ΔE 為 6.69。

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

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

互補色

  1. #89755d
  2. #5d7189

分裂互補色

  1. #89755d
  2. #5d8789
  3. #5f5d89

類似色

  1. #895f5d
  2. #89755d
  3. #87895d

三角配色

  1. #89755d
  2. #5d8975
  3. #755d89

矩形配色

  1. #89755d
  2. #71895d
  3. #5d7189
  4. #755d89

正方形配色

  1. #89755d
  2. #5d895f
  3. #5d7189
  4. #895d87

單色配色

  1. #2e271f
  2. #5b4e3e
  3. #89755d
  4. #ad9b86
  5. #ccc1b3

暗色

#89755d 逐步混入黑色。

  1. #89755d
  2. #7b6954
  3. #6e5e4a
  4. #605241
  5. #524638
  6. #453b2f
  7. #372f25
  8. #29231c
  9. #1b1713
  10. #0e0c09
  11. #000000

淺色

#89755d 逐步混入白色。

  1. #89755d
  2. #95836d
  3. #a1917d
  4. #ac9e8e
  5. #b8ac9e
  6. #c4baae
  7. #d0c8be
  8. #dcd6ce
  9. #e7e3df
  10. #f3f1ef
  11. #ffffff

灰調

#89755d 逐步混入灰色。

  1. #89755d
  2. #887661
  3. #877764
  4. #867868
  5. #85796b
  6. #857b6f
  7. #847c72
  8. #837d76
  9. #827e79
  10. #817f7d
  11. #808080

清楚易讀的文字 4.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
清楚易讀的文字 4.77:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

全色盲 #787878 約占男性的 0.003%
全色弱 #7f776e 約占男性的 0.001%
紅色盲 #7c755b 約占男性的 1.01%
綠色盲 #817a5e 約占男性的 1.27%
藍色盲 #90706e 約占男性的 0.0001%
紅色弱 #82755c 約占男性的 1.08%
綠色弱 #84785d 約占男性的 4.63%
藍色弱 #8e7268 約占男性的 0.0002%
以自己的圖片模擬

此色彩的文字

此色彩的背景

此色彩的框線

文字色彩
.text-89755d {
  color: #89755d;
}
背景
.bg-89755d {
  background-color: #89755d;
  color: #000000;
}
框線
.border-89755d {
  border: 2px solid #89755d;
}
CSS 變數
:root {
  --color-primary: #89755d;
  --color-primary-rgb: 137 117 93;
  --color-primary-hsl: 33 19% 45%;
}
漸層
.gradient-89755d {
  background: linear-gradient(135deg, #89755d, #87895d);
}
彩色陰影
.shadow-89755d {
  box-shadow: 0 8px 24px rgb(137 117 93 / 0.35);
}

#826644 Raw Umber ΔE 6.69 #9f8170 Beaver ΔE 8.42 #a67b5b Cafe au Lait ΔE 8.93 #848482 Battleship Gray ΔE 12.63 #808080 Gray ΔE 12.77 #808080 Grey ΔE 12.77 #696969 Dim Gray ΔE 13.76 #768aa2 反相色 #787878 灰階 

Raw Umber
#89755d  rgb(137, 117, 93)  hsl(33, 19%, 45%)  Raw Umber
#5d7189  rgb(93, 113, 137)  hsl(213, 19%, 45%)  Queen Blue
#5d8975  rgb(93, 137, 117)  hsl(153, 19%, 45%)  Viridian
#755d89  rgb(117, 93, 137)  hsl(273, 19%, 45%)  Royal Purple