ColorTool
ログイン
#55A135

#55a135 ≈ Olive Drab

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

#55a135は緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤33.33%、緑63.14%、青20.78%で構成され、CMYK印刷ではシアン47.2%、マゼンタ0%、イエロー67.08%、ブラック36.86%を使います。 HSLでは色相角102.22°、彩度50.47%、明度41.96%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.54:1（WCAG AA）です。 最も近い色名はOlive Drab（#6b8e23）で、ΔEは8.16です。

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

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

補色

  1. #55a135
  2. #8135a1

分裂補色

  1. #55a135
  2. #4b35a1
  3. #a1358b

類似色

  1. #8ba135
  2. #55a135
  3. #35a14b

トライアド

  1. #55a135
  2. #3555a1
  3. #a13555

テトラード

  1. #55a135
  2. #35a181
  3. #8135a1
  4. #a13555

スクエア

  1. #55a135
  2. #358ba1
  3. #8135a1
  4. #a14b35

モノクロマティック

  1. #182e0f
  2. #376722
  3. #55a135
  4. #7bc95a
  5. #a9dc93

シェード

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

  1. #55a135
  2. #4d9130
  3. #44812a
  4. #3c7125
  5. #336120
  6. #2b511b
  7. #224015
  8. #1a3010
  9. #11200b
  10. #091005
  11. #000000

ティント

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

  1. #55a135
  2. #66aa49
  3. #77b45d
  4. #88bd72
  5. #99c786
  6. #aad09a
  7. #bbd9ae
  8. #cce3c2
  9. #ddecd7
  10. #eef6eb
  11. #ffffff

トーン

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

  1. #55a135
  2. #599e3d
  3. #5e9a44
  4. #62974c
  5. #669453
  6. #6b915b
  7. #6f8d62
  8. #738a6a
  9. #778771
  10. #7c8379
  11. #808080

読みやすい文字 3.21:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.54:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8f8f8f 男性の約0.003%
不完全1色覚 #7c9776 男性の約0.001%
1型2色覚（P型） #a69427 男性の約1.01%
2型2色覚（D型） #9c8d3e 男性の約1.27%
3型2色覚（T型） #509b8b 男性の約0.0001%
1型3色覚（P型弱） #8d992d 男性の約1.08%
2型3色覚（D型弱） #85953b 男性の約4.63%
3型3色覚（T型弱） #529e72 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-55a135 {
  color: #55a135;
}
背景色
.bg-55a135 {
  background-color: #55a135;
  color: #000000;
}
枠線
.border-55a135 {
  border: 2px solid #55a135;
}
CSS変数
:root {
  --color-primary: #55a135;
  --color-primary-rgb: 85 161 53;
  --color-primary-hsl: 102 50% 42%;
}
グラデーション
.gradient-55a135 {
  background: linear-gradient(135deg, #55a135, #35a14b);
}
色付きの影
.shadow-55a135 {
  box-shadow: 0 8px 24px rgb(85 161 53 / 0.35);
}

#6b8e23 Olive Drab ΔE 8.16 #4cbb17 Kelly Green ΔE 8.25 #009000 Islamic Green ΔE 8.25 #228b22 Forest Green ΔE 8.92 #87a96b Asparagus ΔE 9.95 #138808 India Green ΔE 10.28 #74c365 Mantis ΔE 10.46 #aa5eca 反転色 #8f8f8f グレースケール 

Olive Drab
#55a135  rgb(85, 161, 53)  hsl(102, 50%, 42%)  Olive Drab
#8135a1  rgb(129, 53, 161)  hsl(282, 50%, 42%)  Purple Heart
#3555a1  rgb(53, 85, 161)  hsl(222, 50%, 42%)  Sapphire
#a13555  rgb(161, 53, 85)  hsl(342, 50%, 42%)  Jazzberry Jam