ColorTool
ログイン
#21D44D

#21d44d ≈ Malachite

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

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

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

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

補色

  1. #21d44d
  2. #d421a8

分裂補色

  1. #21d44d
  2. #a721d4
  3. #d4214e

類似色

  1. #4ed421
  2. #21d44d
  3. #21d4a7

トライアド

  1. #21d44d
  2. #4d21d4
  3. #d44d21

テトラード

  1. #21d44d
  2. #21a8d4
  3. #d421a8
  4. #d44d21

スクエア

  1. #21d44d
  2. #214ed4
  3. #d421a8
  4. #d4a721

モノクロマティック

  1. #0c501d
  2. #179235
  3. #21d44d
  4. #5ce67e
  5. #9ef0b2

シェード

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

  1. #21d44d
  2. #1ebf45
  3. #1aaa3e
  4. #179436
  5. #147f2e
  6. #116a27
  7. #0d551f
  8. #0a4017
  9. #072a0f
  10. #031508
  11. #000000

ティント

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

  1. #21d44d
  2. #37d85f
  3. #4ddd71
  4. #64e182
  5. #7ae594
  6. #90eaa6
  7. #a6eeb8
  8. #bcf2ca
  9. #d3f6db
  10. #e9fbed
  11. #ffffff

トーン

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

  1. #21d44d
  2. #2bcc52
  3. #34c357
  4. #3ebb5c
  5. #47b261
  6. #51aa67
  7. #5aa26c
  8. #649971
  9. #6d9176
  10. #77887b
  11. #808080

読みやすい文字 1.98:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 10.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #b8b8b8 男性の約0.003%
不完全1色覚 #93c499 男性の約0.001%
1型2色覚（P型） #d7c03d 男性の約1.01%
2型2色覚（D型） #c5b359 男性の約1.27%
3型2色覚（T型） #00cfb8 男性の約0.0001%
1型3色覚（P型弱） #acc844 男性の約1.08%
2型3色覚（D型弱） #9dc154 男性の約4.63%
3型3色覚（T型弱） #00d199 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#0bda51 Malachite ΔE 1.46 #32cd32 Lime Green ΔE 3.12 #77dd77 Pastel Green ΔE 6.40 #74c365 Mantis ΔE 7.55 #50c878 Emerald ΔE 7.56 #4cbb17 Kelly Green ΔE 7.97 #00ff7f Spring Green ΔE 9.95 #de2bb2 反転色 #b8b8b8 グレースケール 

Malachite
#21d44d  rgb(33, 212, 77)  hsl(135, 73%, 48%)  Malachite
#d421a8  rgb(212, 33, 168)  hsl(315, 73%, 48%)  Medium Violet Red
#4d21d4  rgb(77, 33, 212)  hsl(255, 73%, 48%)  Han Purple
#d44d21  rgb(212, 77, 33)  hsl(15, 73%, 48%)  Sinopia