ColorTool
Masuk
#AFE301

#afe301 ≈ June Bud

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

#afe301 adalah warna dari keluarga “kuning-hijau”, dengan kecerahan sedang dan saturasi sangat cerah. Dalam model RGB, warna ini terdiri dari 68,63% merah, 89,02% hijau, dan 0,39% biru; saat dicetak CMYK memakai 22,91% sian, 0% magenta, 99,56% kuning, dan 10,98% hitam. Sudut ronanya 73,81°, dengan saturasi 99,12% dan kecerahan 44,71% dalam HSL. Ini warna hangat yang 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 13,81:1 (WCAG AAA). Warna bernama terdekat adalah June Bud (#bdda57), ΔE 5,8.

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.6405

Komplementer

  1. #afe301
  2. #3501e3

Komplementer terbelah

  1. #afe301
  2. #013ee3
  3. #a601e3

Analog

  1. #e3a601
  2. #afe301
  3. #3ee301

Triadik

  1. #afe301
  2. #01afe3
  3. #e301af

Tetradik

  1. #afe301
  2. #01e335
  3. #3501e3
  4. #e301af

Persegi

  1. #afe301
  2. #01e3a6
  3. #3501e3
  4. #e3013e

Monokromatik

  1. #3a4b00
  2. #749701
  3. #afe301
  4. #cffe32
  5. #e1fe7f

Bayangan

#afe301 dicampur bertahap dengan hitam.

  1. #afe301
  2. #9ecc01
  3. #8cb601
  4. #7b9f01
  5. #698801
  6. #587201
  7. #465b00
  8. #354400
  9. #232d00
  10. #121700
  11. #000000

Tint

#afe301 dicampur bertahap dengan putih.

  1. #afe301
  2. #b7e61a
  3. #bfe934
  4. #c7eb4d
  5. #cfee67
  6. #d7f180
  7. #dff499
  8. #e7f7b3
  9. #eff9cc
  10. #f7fce6
  11. #ffffff

Nada

#afe301 dicampur bertahap dengan abu-abu.

  1. #afe301
  2. #aad90e
  3. #a6cf1a
  4. #a1c527
  5. #9cbb34
  6. #98b241
  7. #93a84d
  8. #8e9e5a
  9. #899467
  10. #858a73
  11. #808080

Teks mudah dibaca 1.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 13.81:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #d1d1d1 ≈ 0.003% pria
Akromatomali #c5d9a7 ≈ 0.001% pria
Protanopia #f0d300 ≈ 1.01% pria
Deuteranopia #e9d12f ≈ 1.27% pria
Tritanopia #b8d7c1 ≈ 0.0001% pria
Protanomali #d9da00 ≈ 1.08% pria
Deuteranomali #d5d823 ≈ 4.63% pria
Tritanomali #b4dc99 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-afe301 {
  color: #afe301;
}
Latar
.bg-afe301 {
  background-color: #afe301;
  color: #000000;
}
Garis tepi
.border-afe301 {
  border: 2px solid #afe301;
}
Variabel CSS
:root {
  --color-primary: #afe301;
  --color-primary-rgb: 175 227 1;
  --color-primary-hsl: 74 99% 45%;
}
Gradien
.gradient-afe301 {
  background: linear-gradient(135deg, #afe301, #3ee301);
}
Bayangan berwarna
.shadow-afe301 {
  box-shadow: 0 8px 24px rgb(175 227 1 / 0.35);
}

#bdda57 June Bud ΔE 5.80 #b2ec5d Inchworm ΔE 5.88 #d1e231 Pear ΔE 5.96 #a7fc00 Spring Bud ΔE 5.98 #ccff00 Electric Lime ΔE 6.35 #9acd32 Yellow Green ΔE 6.37 #adff2f Green Yellow ΔE 6.58 #501cfe Terbalik #d1d1d1 Skala abu-abu 

June Bud
#afe301  rgb(175, 227, 1)  hsl(74, 99%, 45%)  June Bud
#3501e3  rgb(53, 1, 227)  hsl(254, 99%, 45%)  Blue
#01afe3  rgb(1, 175, 227)  hsl(194, 99%, 45%)  Deep Sky Blue
#e301af  rgb(227, 1, 175)  hsl(314, 99%, 45%)  Shocking Pink