ColorTool
ログイン
#64994F

#64994f ≈ Asparagus

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

#64994fは緑系の色です（明度：中程度、彩度：中程度）。 RGBでは赤39.22%、緑60%、青30.98%で構成され、CMYK印刷ではシアン34.64%、マゼンタ0%、イエロー48.37%、ブラック40%を使います。 HSLでは色相角102.97°、彩度31.9%、明度45.49%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.21:1（WCAG AA）です。 最も近い色名はAsparagus（#87a96b）で、ΔEは7.4です。

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

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

補色

  1. #64994f
  2. #844f99

分裂補色

  1. #64994f
  2. #5f4f99
  3. #994f89

類似色

  1. #89994f
  2. #64994f
  3. #4f995f

トライアド

  1. #64994f
  2. #4f6499
  3. #994f64

テトラード

  1. #64994f
  2. #4f9984
  3. #844f99
  4. #994f64

スクエア

  1. #64994f
  2. #4f8999
  3. #844f99
  4. #995f4f

モノクロマティック

  1. #22341b
  2. #436735
  3. #64994f
  4. #8cba7a
  5. #b8d4ad

シェード

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

  1. #64994f
  2. #5a8a47
  3. #507a3f
  4. #466b37
  5. #3c5c2f
  6. #324d28
  7. #283d20
  8. #1e2e18
  9. #141f10
  10. #0a0f08
  11. #000000

ティント

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

  1. #64994f
  2. #74a361
  3. #83ad72
  4. #93b884
  5. #a2c295
  6. #b2cca7
  7. #c1d6b9
  8. #d1e0ca
  9. #e0ebdc
  10. #f0f5ed
  11. #ffffff

トーン

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

  1. #64994f
  2. #679754
  3. #6a9459
  4. #6c925e
  5. #6f8f63
  6. #728d68
  7. #758a6c
  8. #788871
  9. #7a8576
  10. #7d837b
  11. #808080

読みやすい文字 3.38:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.21:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8c8c8c 男性の約0.003%
不完全1色覚 #7e9178 男性の約0.001%
1型2色覚（P型） #9d8f49 男性の約1.01%
2型2色覚（D型） #968a54 男性の約1.27%
3型2色覚（T型） #629488 男性の約0.0001%
1型3色覚（P型弱） #8a934b 男性の約1.08%
2型3色覚（D型弱） #859052 男性の約4.63%
3型3色覚（T型弱） #639675 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#87a96b Asparagus ΔE 7.40 #6b8e23 Olive Drab ΔE 8.00 #8a9a5b Moss Green ΔE 8.08 #228b22 Forest Green ΔE 9.45 #009e60 Shamrock Green ΔE 9.67 #2e8b57 Sea Green ΔE 10.04 #009000 Islamic Green ΔE 10.42 #9b66b0 反転色 #8c8c8c グレースケール 

Asparagus
#64994f  rgb(100, 153, 79)  hsl(103, 32%, 45%)  Asparagus
#844f99  rgb(132, 79, 153)  hsl(283, 32%, 45%)  Royal Purple
#4f6499  rgb(79, 100, 153)  hsl(223, 32%, 45%)  Queen Blue
#994f64  rgb(153, 79, 100)  hsl(343, 32%, 45%)  Mauve Taupe