ColorTool
ログイン
#95C52F

#95c52f ≈ Yellow Green

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

#95c52fは黄緑系の色です（明度：中程度、彩度：高め）。 RGBでは赤58.43%、緑77.25%、青18.43%で構成され、CMYK印刷ではシアン24.37%、マゼンタ0%、イエロー76.14%、ブラック22.75%を使います。 HSLでは色相角79.2°、彩度61.48%、明度47.84%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は10.31:1（WCAG AAA）です。 最も近い色名はYellow Green（#9acd32）で、ΔEは2.01です。

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

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

補色

  1. #95c52f
  2. #5f2fc5

分裂補色

  1. #95c52f
  2. #2f4ac5
  3. #aa2fc5

類似色

  1. #c5aa2f
  2. #95c52f
  3. #4ac52f

トライアド

  1. #95c52f
  2. #2f95c5
  3. #c52f95

テトラード

  1. #95c52f
  2. #2fc55f
  3. #5f2fc5
  4. #c52f95

スクエア

  1. #95c52f
  2. #2fc5aa
  3. #5f2fc5
  4. #c52f4a

モノクロマティック

  1. #384912
  2. #668720
  3. #95c52f
  4. #b5da66
  5. #d3e9a4

シェード

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

  1. #95c52f
  2. #86b12a
  3. #779e26
  4. #688a21
  5. #59761c
  6. #4b6318
  7. #3c4f13
  8. #2d3b0e
  9. #1e2709
  10. #0f1405
  11. #000000

ティント

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

  1. #95c52f
  2. #a0cb44
  3. #aad159
  4. #b5d66d
  5. #bfdc82
  6. #cae297
  7. #d5e8ac
  8. #dfeec1
  9. #eaf3d5
  10. #f4f9ea
  11. #ffffff

トーン

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

  1. #95c52f
  2. #93be37
  3. #91b73f
  4. #8fb047
  5. #8da94f
  6. #8ba358
  7. #889c60
  8. #869568
  9. #848e70
  10. #828778
  11. #808080

読みやすい文字 2.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 10.31:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #b6b6b6 男性の約0.003%
不完全1色覚 #aabc93 男性の約0.001%
1型2色覚（P型） #d0b706 男性の約1.01%
2型2色覚（D型） #c9b53e 男性の約1.27%
3型2色覚（T型） #9bbca9 男性の約0.0001%
1型3色覚（P型弱） #bbbd1d 男性の約1.08%
2型3色覚（D型弱） #b7bc38 男性の約4.63%
3型3色覚（T型弱） #99bf89 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-95c52f {
  color: #95c52f;
}
背景色
.bg-95c52f {
  background-color: #95c52f;
  color: #000000;
}
枠線
.border-95c52f {
  border: 2px solid #95c52f;
}
CSS変数
:root {
  --color-primary: #95c52f;
  --color-primary-rgb: 149 197 47;
  --color-primary-hsl: 79 61% 48%;
}
グラデーション
.gradient-95c52f {
  background: linear-gradient(135deg, #95c52f, #4ac52f);
}
色付きの影
.shadow-95c52f {
  box-shadow: 0 8px 24px rgb(149 197 47 / 0.35);
}

#9acd32 Yellow Green ΔE 2.01 #8db600 Apple Green ΔE 4.38 #bdda57 June Bud ΔE 7.00 #93c572 Pistachio ΔE 9.03 #4cbb17 Kelly Green ΔE 9.12 #b2ec5d Inchworm ΔE 9.34 #74c365 Mantis ΔE 10.06 #6a3ad0 反転色 #b6b6b6 グレースケール 

Yellow Green
#95c52f  rgb(149, 197, 47)  hsl(79, 61%, 48%)  Yellow Green
#5f2fc5  rgb(95, 47, 197)  hsl(259, 61%, 48%)  Ocean Blue
#2f95c5  rgb(47, 149, 197)  hsl(199, 61%, 48%)  Carolina Blue
#c52f95  rgb(197, 47, 149)  hsl(319, 61%, 48%)  Medium Violet Red