ColorTool
ログイン
#33E24B

#33e24b ≈ Malachite

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

#33e24bは緑系の色です（明度：中程度、彩度：高め）。 RGBでは赤20%、緑88.63%、青29.41%で構成され、CMYK印刷ではシアン77.43%、マゼンタ0%、イエロー66.81%、ブラック11.37%を使います。 HSLでは色相角128.23°、彩度75.11%、明度54.31%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は12.12:1（WCAG AAA）です。 最も近い色名はMalachite（#0bda51）で、ΔEは2.63です。

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

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

補色

  1. #33e24b
  2. #e233ca

分裂補色

  1. #33e24b
  2. #a233e2
  3. #e23372

類似色

  1. #72e233
  2. #33e24b
  3. #33e2a2

トライアド

  1. #33e24b
  2. #4b33e2
  3. #e24b33

テトラード

  1. #33e24b
  2. #33cae2
  3. #e233ca
  4. #e24b33

スクエア

  1. #33e24b
  2. #3372e2
  3. #e233ca
  4. #e2a233

モノクロマティック

  1. #0f6d1c
  2. #19b02e
  3. #33e24b
  4. #76ec86
  5. #b9f5c1

シェード

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

  1. #33e24b
  2. #2ecb44
  3. #29b53c
  4. #249e35
  5. #1f882d
  6. #1a7126
  7. #145a1e
  8. #0f4417
  9. #0a2d0f
  10. #051708
  11. #000000

ティント

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

  1. #33e24b
  2. #47e55d
  3. #5ce86f
  4. #70eb81
  5. #85ee93
  6. #99f1a5
  7. #adf3b7
  8. #c2f6c9
  9. #d6f9db
  10. #ebfced
  11. #ffffff

トーン

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

  1. #33e24b
  2. #3bd850
  3. #42ce56
  4. #4ac55b
  5. #52bb60
  6. #5ab166
  7. #61a76b
  8. #699d70
  9. #719475
  10. #788a7b
  11. #808080

読みやすい文字 1.73:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 12.12:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #c5c5c5 男性の約0.003%
不完全1色覚 #9fd1a2 男性の約0.001%
1型2色覚（P型） #e6cd36 男性の約1.01%
2型2色覚（D型） #d3c059 男性の約1.27%
3型2色覚（T型） #00dcc3 男性の約0.0001%
1型3色覚（P型弱） #b9d640 男性の約1.08%
2型3色覚（D型弱） #aace54 男性の約4.63%
3型3色覚（T型弱） #00dea1 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-33e24b {
  color: #33e24b;
}
背景色
.bg-33e24b {
  background-color: #33e24b;
  color: #000000;
}
枠線
.border-33e24b {
  border: 2px solid #33e24b;
}
CSS変数
:root {
  --color-primary: #33e24b;
  --color-primary-rgb: 51 226 75;
  --color-primary-hsl: 128 75% 54%;
}
グラデーション
.gradient-33e24b {
  background: linear-gradient(135deg, #33e24b, #33e2a2);
}
色付きの影
.shadow-33e24b {
  box-shadow: 0 8px 24px rgb(51 226 75 / 0.35);
}

#0bda51 Malachite ΔE 2.63 #32cd32 Lime Green ΔE 5.14 #77dd77 Pastel Green ΔE 6.22 #00ff7f Spring Green ΔE 7.58 #00ff00 Lime ΔE 7.67 #39ff14 Neon Green ΔE 7.75 #3fff00 Harlequin ΔE 8.05 #cc1db4 反転色 #c5c5c5 グレースケール 

Malachite
#33e24b  rgb(51, 226, 75)  hsl(128, 75%, 54%)  Malachite
#e233ca  rgb(226, 51, 202)  hsl(308, 75%, 54%)  Shocking Pink
#4b33e2  rgb(75, 51, 226)  hsl(248, 75%, 54%)  Han Purple
#e24b33  rgb(226, 75, 51)  hsl(8, 75%, 54%)  Cinnabar