ColorTool
ログイン
#97882B

#97882b ≈ Olive

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

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

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

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

補色

  1. #97882b
  2. #2b3a97

分裂補色

  1. #97882b
  2. #2b7097
  3. #522b97

類似色

  1. #97522b
  2. #97882b
  3. #70972b

トライアド

  1. #97882b
  2. #2b9788
  3. #882b97

テトラード

  1. #97882b
  2. #3a972b
  3. #2b3a97
  4. #882b97

スクエア

  1. #97882b
  2. #2b9752
  3. #2b3a97
  4. #972b70

モノクロマティック

  1. #201d09
  2. #5b521a
  3. #97882b
  4. #cab745
  5. #dbce80

シェード

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

  1. #97882b
  2. #887a27
  3. #796d22
  4. #6a5f1e
  5. #5b521a
  6. #4c4416
  7. #3c3611
  8. #2d290d
  9. #1e1b09
  10. #0f0e04
  11. #000000

ティント

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

  1. #97882b
  2. #a19440
  3. #aca055
  4. #b6ac6b
  5. #c1b880
  6. #cbc495
  7. #d5cfaa
  8. #e0dbbf
  9. #eae7d5
  10. #f5f3ea
  11. #ffffff

トーン

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

  1. #97882b
  2. #958734
  3. #92863c
  4. #908645
  5. #8e854d
  6. #8c8456
  7. #89835e
  8. #878267
  9. #85826f
  10. #828178
  11. #808080

読みやすい文字 3.58:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.87:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #878787 男性の約0.003%
不完全1色覚 #8e886e 男性の約0.001%
1型2色覚（P型） #95841d 男性の約1.01%
2型2色覚（D型） #998a31 男性の約1.27%
3型2色覚（T型） #a37e75 男性の約0.0001%
1型3色覚（P型弱） #968623 男性の約1.08%
2型3色覚（D型弱） #98892e 男性の約4.63%
3型3色覚（T型弱） #9e8260 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-97882b {
  color: #97882b;
}
背景色
.bg-97882b {
  background-color: #97882b;
  color: #000000;
}
枠線
.border-97882b {
  border: 2px solid #97882b;
}
CSS変数
:root {
  --color-primary: #97882b;
  --color-primary-rgb: 151 136 43;
  --color-primary-hsl: 52 56% 38%;
}
グラデーション
.gradient-97882b {
  background: linear-gradient(135deg, #97882b, #70972b);
}
色付きの影
.shadow-97882b {
  box-shadow: 0 8px 24px rgb(151 136 43 / 0.35);
}

#808000 Olive ΔE 6.44 #b5a642 Brass ΔE 9.64 #b8860b Dark Goldenrod ΔE 10.73 #8a9a5b Moss Green ΔE 12.14 #6b8e23 Olive Drab ΔE 13.25 #c5b358 Vegas Gold ΔE 13.50 #bdb76b Dark Khaki ΔE 14.71 #6877d4 反転色 #878787 グレースケール 

Olive
#97882b  rgb(151, 136, 43)  hsl(52, 56%, 38%)  Olive
#2b3a97  rgb(43, 58, 151)  hsl(232, 56%, 38%)  Smalt
#2b9788  rgb(43, 151, 136)  hsl(172, 56%, 38%)  Persian Green
#882b97  rgb(136, 43, 151)  hsl(292, 56%, 38%)  Dark Magenta