ColorTool
ログイン
#878247

#878247 ≈ Olive

  • 黄
  • 明度: 中程度
  • 彩度: 中程度
  • 暖色
コントラストを確認 グラフで探索 ランダムな色

#878247は黄系の色です（明度：中程度、彩度：中程度）。 RGBでは赤52.94%、緑50.98%、青27.84%で構成され、CMYK印刷ではシアン0%、マゼンタ3.7%、イエロー47.41%、ブラック47.06%を使います。 HSLでは色相角55.31°、彩度31.07%、明度40.39%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.31:1（WCAG AA）です。 最も近い色名はOlive（#808000）で、ΔEは8.34です。

この色の測定値から自動生成した説明です。

HEX
RGB
RGB（%）
CMY
CMYK
HSL
HSV / HSB
Webセーフ#999933
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2進数
10進数
相対輝度0.2157

補色

  1. #878247
  2. #474c87

分裂補色

  1. #878247
  2. #476c87
  3. #624787

類似色

  1. #876247
  2. #878247
  3. #6c8747

トライアド

  1. #878247
  2. #478782
  3. #824787

テトラード

  1. #878247
  2. #4c8747
  3. #474c87
  4. #824787

スクエア

  1. #878247
  2. #478762
  3. #474c87
  4. #87476c

モノクロマティック

  1. #232112
  2. #55522d
  3. #878247
  4. #b1ab6a
  5. #cbc79c

シェード

#878247に黒を段階的に混ぜた色です。

  1. #878247
  2. #7a7540
  3. #6c6839
  4. #5f5b32
  5. #514e2b
  6. #444124
  7. #36341c
  8. #292715
  9. #1b1a0e
  10. #0e0d07
  11. #000000

ティント

#878247に白を段階的に混ぜた色です。

  1. #878247
  2. #938f59
  3. #9f9b6c
  4. #aba87e
  5. #b7b491
  6. #c3c1a3
  7. #cfcdb5
  8. #dbdac8
  9. #e7e6da
  10. #f3f3ed
  11. #ffffff

トーン

#878247にグレーを段階的に混ぜた色です。

  1. #878247
  2. #86824d
  3. #868252
  4. #858158
  5. #84815e
  6. #848164
  7. #838169
  8. #82816f
  9. #818075
  10. #81807a
  11. #808080

読みやすい文字 3.95:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.31:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #808080 男性の約0.003%
不完全1色覚 #83816e 男性の約0.001%
1型2色覚（P型） #8b7e42 男性の約1.01%
2型2色覚（D型） #8d814a 男性の約1.27%
3型2色覚（T型） #8f7b74 男性の約0.0001%
1型3色覚（P型弱） #8a8044 男性の約1.08%
2型3色覚（D型弱） #8b8249 男性の約4.63%
3型3色覚（T型弱） #8c7e65 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-878247 {
  color: #878247;
}
背景色
.bg-878247 {
  background-color: #878247;
  color: #000000;
}
枠線
.border-878247 {
  border: 2px solid #878247;
}
CSS変数
:root {
  --color-primary: #878247;
  --color-primary-rgb: 135 130 71;
  --color-primary-hsl: 55 31% 40%;
}
グラデーション
.gradient-878247 {
  background: linear-gradient(135deg, #878247, #6c8747);
}
色付きの影
.shadow-878247 {
  box-shadow: 0 8px 24px rgb(135 130 71 / 0.35);
}

#808000 Olive ΔE 8.34 #8a9a5b Moss Green ΔE 9.43 #6b8e23 Olive Drab ΔE 11.48 #568203 Avocado ΔE 13.65 #556b2f Dark Olive Green ΔE 13.83 #507d2a Sap Green ΔE 13.94 #b5a642 Brass ΔE 14.15 #787db8 反転色 #808080 グレースケール 

Olive
#878247  rgb(135, 130, 71)  hsl(55, 31%, 40%)  Olive
#474c87  rgb(71, 76, 135)  hsl(235, 31%, 40%)  Dark Slate Blue
#478782  rgb(71, 135, 130)  hsl(175, 31%, 40%)  Dark Cyan
#824787  rgb(130, 71, 135)  hsl(295, 31%, 40%)  Deep Plum