ColorTool
ログイン
#253F19

#253f19 ≈ British Racing Green

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

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

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

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

補色

  1. #253f19
  2. #33193f

分裂補色

  1. #253f19
  2. #20193f
  3. #3f1938

類似色

  1. #383f19
  2. #253f19
  3. #193f20

トライアド

  1. #253f19
  2. #19253f
  3. #3f1925

テトラード

  1. #253f19
  2. #193f33
  3. #33193f
  4. #3f1925

スクエア

  1. #253f19
  2. #19383f
  3. #33193f
  4. #3f2019

モノクロマティック

  1. #090f06
  2. #090f06
  3. #253f19
  4. #45762f
  5. #65ad44

シェード

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

  1. #253f19
  2. #213917
  3. #1e3214
  4. #1a2c12
  5. #16260f
  6. #13200d
  7. #0f190a
  8. #0b1308
  9. #070d05
  10. #040603
  11. #000000

ティント

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

  1. #253f19
  2. #3b5230
  3. #516547
  4. #66795e
  5. #7c8c75
  6. #929f8c
  7. #a8b2a3
  8. #bec5ba
  9. #d3d9d1
  10. #e9ece8
  11. #ffffff

トーン

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

  1. #253f19
  2. #2e4623
  3. #374c2e
  4. #405338
  5. #495942
  6. #53604d
  7. #5c6657
  8. #656d61
  9. #6e736b
  10. #777a76
  11. #808080

読みやすい文字 11.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.8:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #383838 男性の約0.003%
不完全1色覚 #323b2f 男性の約0.001%
1型2色覚（P型） #413a16 男性の約1.01%
2型2色覚（D型） #3d381c 男性の約1.27%
3型2色覚（T型） #243d36 男性の約0.0001%
1型3色覚（P型弱） #383c17 男性の約1.08%
2型3色覚（D型弱） #353b1b 男性の約4.63%
3型3色覚（T型弱） #243e2d 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-253f19 {
  color: #253f19;
}
背景色
.bg-253f19 {
  background-color: #253f19;
  color: #ffffff;
}
枠線
.border-253f19 {
  border: 2px solid #253f19;
}
CSS変数
:root {
  --color-primary: #253f19;
  --color-primary-rgb: 37 63 25;
  --color-primary-hsl: 101 43% 17%;
}
グラデーション
.gradient-253f19 {
  background: linear-gradient(135deg, #253f19, #193f20);
}
色付きの影
.shadow-253f19 {
  box-shadow: 0 8px 24px rgb(37 63 25 / 0.35);
}

#004225 British Racing Green ΔE 7.28 #123524 Phthalo Green ΔE 8.37 #444c38 Rifle Green ΔE 10.10 #4b5320 Army Green ΔE 10.30 #355e3b Hunter Green ΔE 10.39 #195905 Lincoln Green ΔE 11.13 #006400 Dark Green ΔE 14.81 #dac0e6 反転色 #383838 グレースケール 

British Racing Green
#253f19  rgb(37, 63, 25)  hsl(101, 43%, 17%)  British Racing Green
#33193f  rgb(51, 25, 63)  hsl(281, 43%, 17%)  Midnight Blue
#19253f  rgb(25, 37, 63)  hsl(221, 43%, 17%)  Oxford Blue
#3f1925  rgb(63, 25, 37)  hsl(341, 43%, 17%)  Caput Mortuum