ColorTool
ログイン
#51EC58

#51ec58 ≈ Malachite

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

#51ec58は緑系の色です（明度：高い、彩度：高め）。 RGBでは赤31.76%、緑92.55%、青34.51%で構成され、CMYK印刷ではシアン65.68%、マゼンタ0%、イエロー62.71%、ブラック7.45%を使います。 HSLでは色相角122.71°、彩度80.31%、明度62.16%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は13.49:1（WCAG AAA）です。 最も近い色名はMalachite（#0bda51）で、ΔEは4.97です。

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

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

補色

  1. #51ec58
  2. #ec51e5

分裂補色

  1. #51ec58
  2. #a651ec
  3. #ec5198

類似色

  1. #98ec51
  2. #51ec58
  3. #51eca6

トライアド

  1. #51ec58
  2. #5851ec
  3. #ec5851

テトラード

  1. #51ec58
  2. #51e5ec
  3. #ec51e5
  4. #ec5851

スクエア

  1. #51ec58
  2. #5198ec
  3. #ec51e5
  4. #eca651

モノクロマティック

  1. #109416
  2. #18d920
  3. #51ec58
  4. #96f49a
  5. #dbfbdc

シェード

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

  1. #51ec58
  2. #49d44f
  3. #41bd46
  4. #39a53e
  5. #318e35
  6. #29762c
  7. #205e23
  8. #18471a
  9. #102f12
  10. #081809
  11. #000000

ティント

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

  1. #51ec58
  2. #62ee69
  3. #74f079
  4. #85f28a
  5. #97f49b
  6. #a8f6ac
  7. #b9f7bc
  8. #cbf9cd
  9. #dcfbde
  10. #eefdee
  11. #ffffff

トーン

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

  1. #51ec58
  2. #56e15c
  3. #5ad660
  4. #5fcc64
  5. #64c168
  6. #69b66c
  7. #6dab70
  8. #72a074
  9. #779678
  10. #7b8b7c
  11. #808080

読みやすい文字 1.56:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 13.49:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #cfcfcf 男性の約0.003%
不完全1色覚 #abdbac 男性の約0.001%
1型2色覚（P型） #f0d746 男性の約1.01%
2型2色覚（D型） #deca65 男性の約1.27%
3型2色覚（T型） #28e6cd 男性の約0.0001%
1型3色覚（P型弱） #c5e04e 男性の約1.08%
2型3色覚（D型弱） #b7d960 男性の約4.63%
3型3色覚（T型弱） #3ce8ab 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-51ec58 {
  color: #51ec58;
}
背景色
.bg-51ec58 {
  background-color: #51ec58;
  color: #000000;
}
枠線
.border-51ec58 {
  border: 2px solid #51ec58;
}
CSS変数
:root {
  --color-primary: #51ec58;
  --color-primary-rgb: 81 236 88;
  --color-primary-hsl: 123 80% 62%;
}
グラデーション
.gradient-51ec58 {
  background: linear-gradient(135deg, #51ec58, #51eca6);
}
色付きの影
.shadow-51ec58 {
  box-shadow: 0 8px 24px rgb(81 236 88 / 0.35);
}

#0bda51 Malachite ΔE 4.97 #00ff7f Spring Green ΔE 6.01 #77dd77 Pastel Green ΔE 6.03 #39ff14 Neon Green ΔE 6.25 #00ff00 Lime ΔE 6.36 #3fff00 Harlequin ΔE 6.58 #90ee90 Light Green ΔE 7.45 #ae13a7 反転色 #cfcfcf グレースケール 

Malachite
#51ec58  rgb(81, 236, 88)  hsl(123, 80%, 62%)  Malachite
#ec51e5  rgb(236, 81, 229)  hsl(303, 80%, 62%)  Fuchsia
#5851ec  rgb(88, 81, 236)  hsl(243, 80%, 62%)  Majorelle Blue
#ec5851  rgb(236, 88, 81)  hsl(3, 80%, 62%)  Pastel Red