ColorTool
ログイン
#72971B

#72971b ≈ Olive Drab

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

#72971bは黄緑系の色です（明度：低い、彩度：中程度）。 RGBでは赤44.71%、緑59.22%、青10.59%で構成され、CMYK印刷ではシアン24.5%、マゼンタ0%、イエロー82.12%、ブラック40.78%を使います。 HSLでは色相角77.9°、彩度69.66%、明度34.9%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、企業のブランディングに使われます。 この色の上に黒の文字を置くとコントラスト比は6.16:1（WCAG AA）です。 最も近い色名はOlive Drab（#6b8e23）で、ΔEは3.42です。

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

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

補色

  1. #72971b
  2. #401b97

分裂補色

  1. #72971b
  2. #1b3497
  3. #7e1b97

類似色

  1. #977e1b
  2. #72971b
  3. #34971b

トライアド

  1. #72971b
  2. #1b7297
  3. #971b72

テトラード

  1. #72971b
  2. #1b9740
  3. #401b97
  4. #971b72

スクエア

  1. #72971b
  2. #1b977e
  3. #401b97
  4. #971b34

モノクロマティック

  1. #101504
  2. #41560f
  3. #72971b
  4. #a3d827
  5. #bfe467

シェード

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

  1. #72971b
  2. #678818
  3. #5b7916
  4. #506a13
  5. #445b10
  6. #394c0e
  7. #2e3c0b
  8. #222d08
  9. #171e05
  10. #0b0f03
  11. #000000

ティント

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

  1. #72971b
  2. #80a132
  3. #8eac49
  4. #9cb65f
  5. #aac176
  6. #b9cb8d
  7. #c7d5a4
  8. #d5e0bb
  9. #e3ead1
  10. #f1f5e8
  11. #ffffff

トーン

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

  1. #72971b
  2. #739525
  3. #75922f
  4. #769039
  5. #788e43
  6. #798c4e
  7. #7a8958
  8. #7c8762
  9. #7d856c
  10. #7f8276
  11. #808080

読みやすい文字 3.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.16:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8b8b8b 男性の約0.003%
不完全1色覚 #82906f 男性の約0.001%
1型2色覚（P型） #a08c00 男性の約1.01%
2型2色覚（D型） #9b8a29 男性の約1.27%
3型2色覚（T型） #778f81 男性の約0.0001%
1型3色覚（P型弱） #8f9107 男性の約1.08%
2型3色覚（D型弱） #8c9024 男性の約4.63%
3型3色覚（T型弱） #759367 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#6b8e23 Olive Drab ΔE 3.42 #568203 Avocado ΔE 8.28 #8a9a5b Moss Green ΔE 9.14 #8db600 Apple Green ΔE 9.99 #808000 Olive ΔE 10.76 #87a96b Asparagus ΔE 11.51 #009000 Islamic Green ΔE 11.54 #8d68e4 反転色 #8b8b8b グレースケール 

Olive Drab
#72971b  rgb(114, 151, 27)  hsl(78, 70%, 35%)  Olive Drab
#401b97  rgb(64, 27, 151)  hsl(258, 70%, 35%)  Persian Indigo
#1b7297  rgb(27, 114, 151)  hsl(198, 70%, 35%)  Cerulean
#971b72  rgb(151, 27, 114)  hsl(318, 70%, 35%)  Boysenberry