ColorTool
ログイン
#618805

#618805 ≈ Avocado

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

#618805は黄緑系の色です（明度：低い、彩度：高め）。 RGBでは赤38.04%、緑53.33%、青1.96%で構成され、CMYK印刷ではシアン28.68%、マゼンタ0%、イエロー96.32%、ブラック46.67%を使います。 HSLでは色相角77.86°、彩度92.91%、明度27.65%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、高級ブランドに使われます。 この色の上に黒の文字を置くとコントラスト比は5.03:1（WCAG AA）です。 最も近い色名はAvocado（#568203）で、ΔEは2.86です。

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

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

補色

  1. #618805
  2. #2c0588

分裂補色

  1. #618805
  2. #052088
  3. #6e0588

類似色

  1. #886e05
  2. #618805
  3. #208805

トライアド

  1. #618805
  2. #056188
  3. #880561

テトラード

  1. #618805
  2. #05882c
  3. #2c0588
  4. #880561

スクエア

  1. #618805
  2. #05886e
  3. #2c0588
  4. #880520

モノクロマティック

  1. #0e1401
  2. #2c3e02
  3. #618805
  4. #96d208
  5. #bcf72f

シェード

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

  1. #618805
  2. #577a05
  3. #4e6d04
  4. #445f04
  5. #3a5203
  6. #314403
  7. #273602
  8. #1d2902
  9. #131b01
  10. #0a0e01
  11. #000000

ティント

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

  1. #618805
  2. #71941e
  3. #81a037
  4. #90ac50
  5. #a0b869
  6. #b0c482
  7. #c0cf9b
  8. #d0dbb4
  9. #dfe7cd
  10. #eff3e6
  11. #ffffff

トーン

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

  1. #618805
  2. #648711
  3. #67861e
  4. #6a862a
  5. #6d8536
  6. #718443
  7. #74834f
  8. #77825b
  9. #7a8267
  10. #7d8174
  11. #808080

読みやすい文字 4.17:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.03:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #7c7c7c 男性の約0.003%
不完全1色覚 #728162 男性の約0.001%
1型2色覚（P型） #907e00 男性の約1.01%
2型2色覚（D型） #8a7b1a 男性の約1.27%
3型2色覚（T型） #658173 男性の約0.0001%
1型3色覚（P型弱） #7f8200 男性の約1.08%
2型3色覚（D型弱） #7c8114 男性の約4.63%
3型3色覚（T型弱） #64845a 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-618805 {
  color: #618805;
}
背景色
.bg-618805 {
  background-color: #618805;
  color: #000000;
}
枠線
.border-618805 {
  border: 2px solid #618805;
}
CSS変数
:root {
  --color-primary: #618805;
  --color-primary-rgb: 97 136 5;
  --color-primary-hsl: 78 93% 28%;
}
グラデーション
.gradient-618805 {
  background: linear-gradient(135deg, #618805, #208805);
}
色付きの影
.shadow-618805 {
  box-shadow: 0 8px 24px rgb(97 136 5 / 0.35);
}

#568203 Avocado ΔE 2.86 #6b8e23 Olive Drab ΔE 2.99 #507d2a Sap Green ΔE 7.15 #138808 India Green ΔE 9.43 #808000 Olive ΔE 9.50 #228b22 Forest Green ΔE 9.63 #009000 Islamic Green ΔE 9.65 #9e77fa 反転色 #7c7c7c グレースケール 

Avocado
#618805  rgb(97, 136, 5)  hsl(78, 93%, 28%)  Avocado
#2c0588  rgb(44, 5, 136)  hsl(258, 93%, 28%)  Persian Indigo
#056188  rgb(5, 97, 136)  hsl(198, 93%, 28%)  Sea Blue
#880561  rgb(136, 5, 97)  hsl(318, 93%, 28%)  Pansy Purple