ColorTool
ログイン
#0CA32F

#0ca32f ≈ Islamic Green

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

#0ca32fは緑系の色です（明度：低い、彩度：高め）。 RGBでは赤4.71%、緑63.92%、青18.43%で構成され、CMYK印刷ではシアン92.64%、マゼンタ0%、イエロー71.17%、ブラック36.08%を使います。 HSLでは色相角133.91°、彩度86.29%、明度34.31%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、企業のブランディングに使われます。 この色の上に黒の文字を置くとコントラスト比は6.3:1（WCAG AA）です。 最も近い色名はIslamic Green（#009000）で、ΔEは6.81です。

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

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

補色

  1. #0ca32f
  2. #a30c80

分裂補色

  1. #0ca32f
  2. #7a0ca3
  3. #a30c34

類似色

  1. #34a30c
  2. #0ca32f
  3. #0ca37a

トライアド

  1. #0ca32f
  2. #2f0ca3
  3. #a32f0c

テトラード

  1. #0ca32f
  2. #0c80a3
  3. #a30c80
  4. #a32f0c

スクエア

  1. #0ca32f
  2. #0c34a3
  3. #a30c80
  4. #a37a0c

モノクロマティック

  1. #021406
  2. #075c1a
  3. #0ca32f
  4. #11ea44
  5. #55f37a

シェード

#0ca32fに黒を段階的に混ぜた色です。

  1. #0ca32f
  2. #0b932a
  3. #0a8226
  4. #087221
  5. #07621c
  6. #065218
  7. #054113
  8. #04310e
  9. #022109
  10. #011005
  11. #000000

ティント

#0ca32fに白を段階的に混ぜた色です。

  1. #0ca32f
  2. #24ac44
  3. #3db559
  4. #55bf6d
  5. #6dc882
  6. #86d197
  7. #9edaac
  8. #b6e3c1
  9. #ceedd5
  10. #e7f6ea
  11. #ffffff

トーン

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

  1. #0ca32f
  2. #18a037
  3. #239c3f
  4. #2f9947
  5. #3a954f
  6. #469258
  7. #528e60
  8. #5d8b68
  9. #698770
  10. #748478
  11. #808080

読みやすい文字 3.34:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.3:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8d8d8d 男性の約0.003%
不完全1色覚 #6f9673 男性の約0.001%
1型2色覚（P型） #a6931d 男性の約1.01%
2型2色覚（D型） #97893b 男性の約1.27%
3型2色覚（T型） #009f8c 男性の約0.0001%
1型3色覚（P型弱） #849a25 男性の約1.08%
2型3色覚（D型弱） #789436 男性の約4.63%
3型3色覚（T型弱） #00a072 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-0ca32f {
  color: #0ca32f;
}
背景色
.bg-0ca32f {
  background-color: #0ca32f;
  color: #000000;
}
枠線
.border-0ca32f {
  border: 2px solid #0ca32f;
}
CSS変数
:root {
  --color-primary: #0ca32f;
  --color-primary-rgb: 12 163 47;
  --color-primary-hsl: 134 86% 34%;
}
グラデーション
.gradient-0ca32f {
  background: linear-gradient(135deg, #0ca32f, #0ca37a);
}
色付きの影
.shadow-0ca32f {
  box-shadow: 0 8px 24px rgb(12 163 47 / 0.35);
}

#009000 Islamic Green ΔE 6.81 #228b22 Forest Green ΔE 7.94 #009e60 Shamrock Green ΔE 8.91 #4cbb17 Kelly Green ΔE 9.12 #138808 India Green ΔE 9.31 #00a86b Jade ΔE 9.71 #3cb371 Medium Sea Green ΔE 10.02 #f35cd0 反転色 #8d8d8d グレースケール 

Islamic Green
#0ca32f  rgb(12, 163, 47)  hsl(134, 86%, 34%)  Islamic Green
#a30c80  rgb(163, 12, 128)  hsl(314, 86%, 34%)  Mardi Gras
#2f0ca3  rgb(47, 12, 163)  hsl(254, 86%, 34%)  Zaffre
#a32f0c  rgb(163, 47, 12)  hsl(14, 86%, 34%)  Rufous