ColorTool
Masuk
#20D477

#20d477 ≈ Emerald

  • hijau
  • Kecerahan: sedang
  • Saturasi: kuat
  • Seimbang
Periksa kontras Jelajahi di grafik Warna acak

#20d477 adalah warna dari keluarga “hijau”, dengan kecerahan sedang dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 12,55% merah, 83,14% hijau, dan 46,67% biru; saat dicetak CMYK memakai 84,91% sian, 0% magenta, 43,87% kuning, dan 16,86% hitam. Sudut ronanya 149°, dengan saturasi 73,77% dan kecerahan 47,84% dalam HSL. Warna ini berada di antara hangat dan sejuk serta sering dikaitkan dengan alam, kesehatan, dan keseimbangan. Desainer biasanya memakainya untuk merek ramah lingkungan, kesehatan dan kebugaran, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 10,75:1 (WCAG AAA). Warna bernama terdekat adalah Emerald (#50c878), ΔE 3,82.

Deskripsi dibuat dari properti terukur warna ini.

HEX
RGB
RGB persen
CMY
CMYK
HSL
HSV / HSB
Aman web#33cc66
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Biner
Desimal
Luminansi relatif0.4873

Komplementer

  1. #20d477
  2. #d4207d

Komplementer terbelah

  1. #20d477
  2. #d120d4
  3. #d42023

Analog

  1. #23d420
  2. #20d477
  3. #20d4d1

Triadik

  1. #20d477
  2. #7720d4
  3. #d47720

Tetradik

  1. #20d477
  2. #207dd4
  3. #d4207d
  4. #d47720

Persegi

  1. #20d477
  2. #2023d4
  3. #d4207d
  4. #d4d120

Monokromatik

  1. #0c4f2c
  2. #169252
  3. #20d477
  4. #5ae69e
  5. #9df0c5

Bayangan

#20d477 dicampur bertahap dengan hitam.

  1. #20d477
  2. #1dbf6b
  3. #1aaa5f
  4. #169453
  5. #137f47
  6. #106a3c
  7. #0d5530
  8. #0a4024
  9. #062a18
  10. #03150c
  11. #000000

Tint

#20d477 dicampur bertahap dengan putih.

  1. #20d477
  2. #36d885
  3. #4ddd92
  4. #63e1a0
  5. #79e5ad
  6. #90eabb
  7. #a6eec9
  8. #bcf2d6
  9. #d2f6e4
  10. #e9fbf1
  11. #ffffff

Nada

#20d477 dicampur bertahap dengan abu-abu.

  1. #20d477
  2. #2acc78
  3. #33c379
  4. #3dbb7a
  5. #46b27b
  6. #50aa7c
  7. #5aa27c
  8. #63997d
  9. #6d917e
  10. #76887f
  11. #808080

Teks mudah dibaca 1.95:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 10.75:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #b9b9b9 ≈ 0.003% pria
Akromatomali #94c5a3 ≈ 0.001% pria
Protanopia #d4c270 ≈ 1.01% pria
Deuteranopia #c0b47d ≈ 1.27% pria
Tritanopia #00d1bd ≈ 0.0001% pria
Protanomali #aac973 ≈ 1.08% pria
Deuteranomali #9ac27b ≈ 4.63% pria
Tritanomali #00d2a6 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-20d477 {
  color: #20d477;
}
Latar
.bg-20d477 {
  background-color: #20d477;
  color: #000000;
}
Garis tepi
.border-20d477 {
  border: 2px solid #20d477;
}
Variabel CSS
:root {
  --color-primary: #20d477;
  --color-primary-rgb: 32 212 119;
  --color-primary-hsl: 149 74% 48%;
}
Gradien
.gradient-20d477 {
  background: linear-gradient(135deg, #20d477, #20d4d1);
}
Bayangan berwarna
.shadow-20d477 {
  box-shadow: 0 8px 24px rgb(32 212 119 / 0.35);
}

#50c878 Emerald ΔE 3.82 #0bda51 Malachite ΔE 5.87 #77dd77 Pastel Green ΔE 6.50 #74c365 Mantis ΔE 8.06 #00cc99 Caribbean Green ΔE 8.35 #32cd32 Lime Green ΔE 8.59 #00fa9a Medium Spring Green ΔE 8.60 #df2b88 Terbalik #b9b9b9 Skala abu-abu 

Emerald
#20d477  rgb(32, 212, 119)  hsl(149, 74%, 48%)  Emerald
#d4207d  rgb(212, 32, 125)  hsl(329, 74%, 48%)  Telemagenta
#7720d4  rgb(119, 32, 212)  hsl(269, 74%, 48%)  Blue Violet
#d47720  rgb(212, 119, 32)  hsl(29, 74%, 48%)  Ochre