#FAEC3A

#faec3a ≈ Aureolin

  • kuning
  • Kecerahan: sedang
  • Saturasi: sangat cerah
  • Hangat

#faec3a adalah warna dari keluarga “kuning”, dengan kecerahan sedang dan saturasi sangat cerah. Dalam model RGB, warna ini terdiri dari 98,04% merah, 92,55% hijau, dan 22,75% biru; saat dicetak CMYK memakai 0% sian, 5,6% magenta, 76,8% kuning, dan 1,96% hitam. Sudut ronanya 55,63°, dengan saturasi 95,05% dan kecerahan 60,39% dalam HSL. Ini warna hangat yang sering dikaitkan dengan optimisme, perhatian, dan kegembiraan. Desainer biasanya memakainya untuk sorotan dan peringatan, produk anak-anak, dan tombol ajakan bertindak. Teks hitam di atas warna ini mencapai rasio kontras 17,12:1 (WCAG AAA). Warna bernama terdekat adalah Aureolin (#fdee00), ΔE 2,15.

Deskripsi dibuat dari properti terukur warna ini.

Konversi #faec3a ke ruang warna lain
HEX
RGB
RGB persen
CMY
CMYK
HSL
HSV / HSB
Aman web#ffff33
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Biner
Desimal
Luminansi relatif0.8062

Teks mudah dibaca 1.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 17.12:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #e8e8e8 ≈ 0.003% pria
Akromatomali #efeabc ≈ 0.001% pria
Protanopia #ffe401 ≈ 1.01% pria
Deuteranopia #ffeb49 ≈ 1.27% pria
Tritanopia #ffdccb ≈ 0.0001% pria
Protanomali #fee723 ≈ 1.08% pria
Deuteranomali #ffec43 ≈ 4.63% pria
Tritanomali #ffe2a5 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-faec3a {
  color: #faec3a;
}
Latar
.bg-faec3a {
  background-color: #faec3a;
  color: #000000;
}
Garis tepi
.border-faec3a {
  border: 2px solid #faec3a;
}
Variabel CSS
:root {
  --color-primary: #faec3a;
  --color-primary-rgb: 250 236 58;
  --color-primary-hsl: 56 95% 60%;
}
Gradien
.gradient-faec3a {
  background: linear-gradient(135deg, #faec3a, #a8fa3a);
}
Bayangan berwarna
.shadow-faec3a {
  box-shadow: 0 8px 24px rgb(250 236 58 / 0.35);
}

Aureolin
#faec3a  rgb(250, 236, 58)  hsl(56, 95%, 60%)  Aureolin
#3a48fa  rgb(58, 72, 250)  hsl(236, 95%, 60%)  Majorelle Blue
#3afaec  rgb(58, 250, 236)  hsl(176, 95%, 60%)  Turquoise Blue
#ec3afa  rgb(236, 58, 250)  hsl(296, 95%, 60%)  Fuchsia