ColorTool
ログイン
#299111

#299111 ≈ Islamic Green

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

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

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

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

補色

  1. #299111
  2. #791191

分裂補色

  1. #299111
  2. #391191
  3. #911169

類似色

  1. #699111
  2. #299111
  3. #119139

トライアド

  1. #299111
  2. #112991
  3. #911129

テトラード

  1. #299111
  2. #119179
  3. #791191
  4. #911129

スクエア

  1. #299111
  2. #116991
  3. #791191
  4. #913911

モノクロマティック

  1. #051202
  2. #164d09
  3. #299111
  4. #3cd519
  5. #6deb50

シェード

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

  1. #299111
  2. #25830f
  3. #21740e
  4. #1d660c
  5. #19570a
  6. #154909
  7. #103a07
  8. #0c2c05
  9. #081d03
  10. #040f02
  11. #000000

ティント

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

  1. #299111
  2. #3e9c29
  3. #54a741
  4. #69b258
  5. #7fbd70
  6. #94c888
  7. #a9d3a0
  8. #bfdeb8
  9. #d4e9cf
  10. #eaf4e7
  11. #ffffff

トーン

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

  1. #299111
  2. #328f1c
  3. #3a8e27
  4. #438c32
  5. #4c8a3d
  6. #558949
  7. #5d8754
  8. #66855f
  9. #6f836a
  10. #778275
  11. #808080

読みやすい文字 4.08:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.15:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #7e7e7e 男性の約0.003%
不完全1色覚 #668664 男性の約0.001%
1型2色覚（P型） #958300 男性の約1.01%
2型2色覚（D型） #897b24 男性の約1.27%
3型2色覚（T型） #108c7b 男性の約0.0001%
1型3色覚（P型弱） #788900 男性の約1.08%
2型3色覚（D型弱） #6f841e 男性の約4.63%
3型3色覚（T型弱） #1c8e61 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-299111 {
  color: #299111;
}
背景色
.bg-299111 {
  background-color: #299111;
  color: #000000;
}
枠線
.border-299111 {
  border: 2px solid #299111;
}
CSS変数
:root {
  --color-primary: #299111;
  --color-primary-rgb: 41 145 17;
  --color-primary-hsl: 109 79% 32%;
}
グラデーション
.gradient-299111 {
  background: linear-gradient(135deg, #299111, #119139);
}
色付きの影
.shadow-299111 {
  box-shadow: 0 8px 24px rgb(41 145 17 / 0.35);
}

#009000 Islamic Green ΔE 1.64 #228b22 Forest Green ΔE 3.04 #138808 India Green ΔE 3.53 #008000 Green ΔE 6.51 #568203 Avocado ΔE 8.03 #507d2a Sap Green ΔE 8.68 #6b8e23 Olive Drab ΔE 8.89 #d66eee 反転色 #7e7e7e グレースケール 

Islamic Green
#299111  rgb(41, 145, 17)  hsl(109, 79%, 32%)  Islamic Green
#791191  rgb(121, 17, 145)  hsl(289, 79%, 32%)  Purple
#112991  rgb(17, 41, 145)  hsl(229, 79%, 32%)  Imperial Blue
#911129  rgb(145, 17, 41)  hsl(349, 79%, 32%)  Vivid Burgundy