ColorTool
Masuk
#AFE50F

#afe50f ≈ Inchworm

  • kuning-hijau
  • Kecerahan: sedang
  • Saturasi: sangat cerah
  • Seimbang
Periksa kontras Jelajahi di grafik Warna acak

#afe50f adalah warna dari keluarga “kuning-hijau”, dengan kecerahan sedang dan saturasi sangat cerah. Dalam model RGB, warna ini terdiri dari 68,63% merah, 89,8% hijau, dan 5,88% biru; saat dicetak CMYK memakai 23,58% sian, 0% magenta, 93,45% kuning, dan 10,2% hitam. Sudut ronanya 75,14°, dengan saturasi 87,7% dan kecerahan 47,84% dalam HSL. Warna ini berada di antara hangat dan sejuk serta sering dikaitkan dengan kesegaran, pertumbuhan, dan vitalitas. Desainer biasanya memakainya untuk merek ramah lingkungan, kesehatan dan kebugaran, dan tombol ajakan bertindak. Teks hitam di atas warna ini mencapai rasio kontras 14,04:1 (WCAG AAA). Warna bernama terdekat adalah Inchworm (#b2ec5d), ΔE 5,44.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #afe50f
  2. #450fe5

Komplementer terbelah

  1. #afe50f
  2. #0f44e5
  3. #b00fe5

Analog

  1. #e5b00f
  2. #afe50f
  3. #44e50f

Triadik

  1. #afe50f
  2. #0fafe5
  3. #e50faf

Tetradik

  1. #afe50f
  2. #0fe545
  3. #450fe5
  4. #e50faf

Persegi

  1. #afe50f
  2. #0fe5b0
  3. #450fe5
  4. #e50f44

Monokromatik

  1. #415506
  2. #789d0a
  3. #afe50f
  4. #c9f34d
  5. #dff895

Bayangan

#afe50f dicampur bertahap dengan hitam.

  1. #afe50f
  2. #9ece0e
  3. #8cb70c
  4. #7ba00b
  5. #698909
  6. #587308
  7. #465c06
  8. #354505
  9. #232e03
  10. #121702
  11. #000000

Tint

#afe50f dicampur bertahap dengan putih.

  1. #afe50f
  2. #b7e827
  3. #bfea3f
  4. #c7ed57
  5. #cfef6f
  6. #d7f287
  7. #dff59f
  8. #e7f7b7
  9. #effacf
  10. #f7fce7
  11. #ffffff

Nada

#afe50f dicampur bertahap dengan abu-abu.

  1. #afe50f
  2. #aadb1a
  3. #a6d126
  4. #a1c731
  5. #9cbd3c
  6. #98b348
  7. #93a853
  8. #8e9e5e
  9. #899469
  10. #858a75
  11. #808080

Teks mudah dibaca 1.5:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 14.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #d3d3d3 ≈ 0.003% pria
Akromatomali #c6daa8 ≈ 0.001% pria
Protanopia #f2d500 ≈ 1.01% pria
Deuteranopia #ebd233 ≈ 1.27% pria
Tritanopia #b8d9c3 ≈ 0.0001% pria
Protanomali #dbdc00 ≈ 1.08% pria
Deuteranomali #d6da29 ≈ 4.63% pria
Tritanomali #b4de9b ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-afe50f {
  color: #afe50f;
}
Latar
.bg-afe50f {
  background-color: #afe50f;
  color: #000000;
}
Garis tepi
.border-afe50f {
  border: 2px solid #afe50f;
}
Variabel CSS
:root {
  --color-primary: #afe50f;
  --color-primary-rgb: 175 229 15;
  --color-primary-hsl: 75 88% 48%;
}
Gradien
.gradient-afe50f {
  background: linear-gradient(135deg, #afe50f, #44e50f);
}
Bayangan berwarna
.shadow-afe50f {
  box-shadow: 0 8px 24px rgb(175 229 15 / 0.35);
}

#b2ec5d Inchworm ΔE 5.44 #a7fc00 Spring Bud ΔE 5.48 #bdda57 June Bud ΔE 5.87 #adff2f Green Yellow ΔE 6.04 #ccff00 Electric Lime ΔE 6.09 #d1e231 Pear ΔE 6.22 #9acd32 Yellow Green ΔE 6.54 #501af0 Terbalik #d3d3d3 Skala abu-abu 

Inchworm
#afe50f  rgb(175, 229, 15)  hsl(75, 88%, 48%)  Inchworm
#450fe5  rgb(69, 15, 229)  hsl(255, 88%, 48%)  Ultramarine
#0fafe5  rgb(15, 175, 229)  hsl(195, 88%, 48%)  Deep Sky Blue
#e50faf  rgb(229, 15, 175)  hsl(315, 88%, 48%)  Shocking Pink