ColorTool
ログイン
#284A33

#284a33 ≈ British Racing Green

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

#284a33は緑系の色です（明度：低い、彩度：低め）。 RGBでは赤15.69%、緑29.02%、青20%で構成され、CMYK印刷ではシアン45.95%、マゼンタ0%、イエロー31.08%、ブラック70.98%を使います。 HSLでは色相角139.41°、彩度29.82%、明度22.35%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は9.92:1（WCAG AAA）です。 最も近い色名はBritish Racing Green（#004225）で、ΔEは5.72です。

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

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

補色

  1. #284a33
  2. #4a283f

分裂補色

  1. #284a33
  2. #44284a
  3. #4a282e

類似色

  1. #2e4a28
  2. #284a33
  3. #284a44

トライアド

  1. #284a33
  2. #33284a
  3. #4a3328

テトラード

  1. #284a33
  2. #283f4a
  3. #4a283f
  4. #4a3328

スクエア

  1. #284a33
  2. #282e4a
  3. #4a283f
  4. #4a4428

モノクロマティック

  1. #070d09
  2. #0d1811
  3. #284a33
  4. #437c55
  5. #61aa79

シェード

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

  1. #284a33
  2. #24432e
  3. #203b29
  4. #1c3424
  5. #182c1f
  6. #14251a
  7. #101e14
  8. #0c160f
  9. #080f0a
  10. #040705
  11. #000000

ティント

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

  1. #284a33
  2. #3e5c47
  3. #536e5c
  4. #698070
  5. #7e9285
  6. #94a599
  7. #a9b7ad
  8. #bfc9c2
  9. #d4dbd6
  10. #eaedeb
  11. #ffffff

トーン

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

  1. #284a33
  2. #314f3b
  3. #3a5542
  4. #425a4a
  5. #4b6052
  6. #54655a
  7. #5d6a61
  8. #667069
  9. #6e7571
  10. #777b78
  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色覚 #3a463d 男性の約0.001%
1型2色覚（P型） #4a4532 男性の約1.01%
2型2色覚（D型） #454134 男性の約1.27%
3型2色覚（T型） #214944 男性の約0.0001%
1型3色覚（P型弱） #3f4732 男性の約1.08%
2型3色覚（D型弱） #3b4534 男性の約4.63%
3型3色覚（T型弱） #244a3e 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-284a33 {
  color: #284a33;
}
背景色
.bg-284a33 {
  background-color: #284a33;
  color: #ffffff;
}
枠線
.border-284a33 {
  border: 2px solid #284a33;
}
CSS変数
:root {
  --color-primary: #284a33;
  --color-primary-rgb: 40 74 51;
  --color-primary-hsl: 139 30% 22%;
}
グラデーション
.gradient-284a33 {
  background: linear-gradient(135deg, #284a33, #284a44);
}
色付きの影
.shadow-284a33 {
  box-shadow: 0 8px 24px rgb(40 74 51 / 0.35);
}

#004225 British Racing Green ΔE 5.72 #123524 Phthalo Green ΔE 6.84 #355e3b Hunter Green ΔE 7.19 #444c38 Rifle Green ΔE 9.05 #2f4f4f Dark Slate Gray ΔE 11.05 #2f4f4f Dark Slate Grey ΔE 11.05 #4d5d53 Feldgrau ΔE 11.17 #d7b5cc 反転色 #434343 グレースケール 

British Racing Green
#284a33  rgb(40, 74, 51)  hsl(139, 30%, 22%)  British Racing Green
#4a283f  rgb(74, 40, 63)  hsl(319, 30%, 22%)  Eggplant
#33284a  rgb(51, 40, 74)  hsl(259, 30%, 22%)  Oxford Blue
#4a3328  rgb(74, 51, 40)  hsl(19, 30%, 22%)  Bistre