ColorTool
ログイン
#154D22

#154d22 ≈ British Racing Green

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

#154d22は緑系の色です（明度：とても低い、彩度：低め）。 RGBでは赤8.24%、緑30.2%、青13.33%で構成され、CMYK印刷ではシアン72.73%、マゼンタ0%、イエロー55.84%、ブラック69.8%を使います。 HSLでは色相角133.93°、彩度57.14%、明度19.22%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は9.92:1（WCAG AAA）です。 最も近い色名はBritish Racing Green（#004225）で、ΔEは5.33です。

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

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

補色

  1. #154d22
  2. #4d1540

分裂補色

  1. #154d22
  2. #3e154d
  3. #4d1524

類似色

  1. #244d15
  2. #154d22
  3. #154d3e

トライアド

  1. #154d22
  2. #22154d
  3. #4d2215

テトラード

  1. #154d22
  2. #15404d
  3. #4d1540
  4. #4d2215

スクエア

  1. #154d22
  2. #15244d
  3. #4d1540
  4. #4d3e15

モノクロマティック

  1. #041007
  2. #051107
  3. #154d22
  4. #25893d
  5. #36c557

シェード

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

  1. #154d22
  2. #13451f
  3. #113e1b
  4. #0f3618
  5. #0d2e14
  6. #0b2711
  7. #081f0e
  8. #06170a
  9. #040f07
  10. #020803
  11. #000000

ティント

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

  1. #154d22
  2. #2c5f38
  3. #44714e
  4. #5b8264
  5. #73947a
  6. #8aa691
  7. #a1b8a7
  8. #b9cabd
  9. #d0dbd3
  10. #e8ede9
  11. #ffffff

トーン

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

  1. #154d22
  2. #20522b
  3. #2a5735
  4. #355c3e
  5. #406148
  6. #4b6751
  7. #556c5a
  8. #607164
  9. #6b766d
  10. #757b77
  11. #808080

読みやすい文字 9.92:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.12:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #434343 男性の約0.003%
不完全1色覚 #364738 男性の約0.001%
1型2色覚（P型） #4e461e 男性の約1.01%
2型2色覚（D型） #474125 男性の約1.27%
3型2色覚（T型） #034b43 男性の約0.0001%
1型3色覚（P型弱） #3e4920 男性の約1.08%
2型3色覚（D型弱） #394624 男性の約4.63%
3型3色覚（T型弱） #0c4c38 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-154d22 {
  color: #154d22;
}
背景色
.bg-154d22 {
  background-color: #154d22;
  color: #ffffff;
}
枠線
.border-154d22 {
  border: 2px solid #154d22;
}
CSS変数
:root {
  --color-primary: #154d22;
  --color-primary-rgb: 21 77 34;
  --color-primary-hsl: 134 57% 19%;
}
グラデーション
.gradient-154d22 {
  background: linear-gradient(135deg, #154d22, #154d3e);
}
色付きの影
.shadow-154d22 {
  box-shadow: 0 8px 24px rgb(21 77 34 / 0.35);
}

#004225 British Racing Green ΔE 5.33 #355e3b Hunter Green ΔE 6.95 #195905 Lincoln Green ΔE 7.90 #006b3c Cadmium Green ΔE 9.91 #123524 Phthalo Green ΔE 10.59 #006400 Dark Green ΔE 10.76 #006600 Pakistan Green ΔE 11.28 #eab2dd 反転色 #434343 グレースケール 

British Racing Green
#154d22  rgb(21, 77, 34)  hsl(134, 57%, 19%)  British Racing Green
#4d1540  rgb(77, 21, 64)  hsl(314, 57%, 19%)  Tyrian Purple
#22154d  rgb(34, 21, 77)  hsl(254, 57%, 19%)  Midnight Blue
#4d2215  rgb(77, 34, 21)  hsl(14, 57%, 19%)  Caput Mortuum