ColorTool
Masuk
#F0ECBB

#f0ecbb ≈ Blond

  • kuning
  • Kecerahan: sangat tinggi
  • Saturasi: lembut
  • Hangat
Periksa kontras Jelajahi di grafik Warna acak

#f0ecbb adalah warna dari keluarga “kuning”, dengan kecerahan sangat tinggi dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 94,12% merah, 92,55% hijau, dan 73,33% biru; saat dicetak CMYK memakai 0% sian, 1,67% magenta, 22,08% kuning, dan 5,88% hitam. Sudut ronanya 55,47°, dengan saturasi 63,86% dan kecerahan 83,73% dalam HSL. Ini warna hangat yang sering dikaitkan dengan optimisme, perhatian, dan kegembiraan. Desainer biasanya memakainya untuk sorotan dan peringatan, produk anak-anak, dan palet pastel lembut. Teks hitam di atas warna ini mencapai rasio kontras 17,42:1 (WCAG AAA). Warna bernama terdekat adalah Blond (#faf0be), ΔE 2,26.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #f0ecbb
  2. #bbbff0

Komplementer terbelah

  1. #f0ecbb
  2. #bbdaf0
  3. #d2bbf0

Analog

  1. #f0d2bb
  2. #f0ecbb
  3. #daf0bb

Triadik

  1. #f0ecbb
  2. #bbf0ec
  3. #ecbbf0

Tetradik

  1. #f0ecbb
  2. #bff0bb
  3. #bbbff0
  4. #ecbbf0

Persegi

  1. #f0ecbb
  2. #bbf0d2
  3. #bbbff0
  4. #f0bbda

Monokromatik

  1. #d4c93e
  2. #e2da7c
  3. #f0ecbb
  4. #fbfaee
  5. #fbfaee

Bayangan

#f0ecbb dicampur bertahap dengan hitam.

  1. #f0ecbb
  2. #d8d4a8
  3. #c0bd96
  4. #a8a583
  5. #908e70
  6. #78765e
  7. #605e4b
  8. #484738
  9. #302f25
  10. #181813
  11. #000000

Tint

#f0ecbb dicampur bertahap dengan putih.

  1. #f0ecbb
  2. #f2eec2
  3. #f3f0c9
  4. #f5f2cf
  5. #f6f4d6
  6. #f8f6dd
  7. #f9f7e4
  8. #fbf9eb
  9. #fcfbf1
  10. #fefdf8
  11. #ffffff

Nada

#f0ecbb dicampur bertahap dengan abu-abu.

  1. #f0ecbb
  2. #e5e1b5
  3. #dad6af
  4. #cecca9
  5. #c3c1a3
  6. #b8b69e
  7. #adab98
  8. #a2a092
  9. #96968c
  10. #8b8b86
  11. #808080

Teks mudah dibaca 1.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 17.42:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #eaeaea ≈ 0.003% pria
Akromatomali #ecebd9 ≈ 0.001% pria
Protanopia #f5e8b8 ≈ 1.01% pria
Deuteranopia #f7ebbd ≈ 1.27% pria
Tritanopia #f8e5df ≈ 0.0001% pria
Protanomali #f3eab9 ≈ 1.08% pria
Deuteranomali #f4ebbc ≈ 4.63% pria
Tritanomali #f5e8d1 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-f0ecbb {
  color: #f0ecbb;
}
Latar
.bg-f0ecbb {
  background-color: #f0ecbb;
  color: #000000;
}
Garis tepi
.border-f0ecbb {
  border: 2px solid #f0ecbb;
}
Variabel CSS
:root {
  --color-primary: #f0ecbb;
  --color-primary-rgb: 240 236 187;
  --color-primary-hsl: 55 64% 84%;
}
Gradien
.gradient-f0ecbb {
  background: linear-gradient(135deg, #f0ecbb, #daf0bb);
}
Bayangan berwarna
.shadow-f0ecbb {
  box-shadow: 0 8px 24px rgb(240 236 187 / 0.35);
}

#faf0be Blond ΔE 2.26 #eee8aa Pale Goldenrod ΔE 3.11 #fffacd Lemon Chiffon ΔE 3.22 #fffdd0 Cream ΔE 3.71 #f3e5ab Vanilla ΔE 3.88 #fafad2 Light Goldenrod Yellow ΔE 3.93 #ffffe0 Light Yellow ΔE 6.43 #0f1344 Terbalik #eaeaea Skala abu-abu 

Blond
#f0ecbb  rgb(240, 236, 187)  hsl(55, 64%, 84%)  Blond
#bbbff0  rgb(187, 191, 240)  hsl(235, 64%, 84%)  Periwinkle
#bbf0ec  rgb(187, 240, 236)  hsl(175, 64%, 84%)  Pale Turquoise
#ecbbf0  rgb(236, 187, 240)  hsl(295, 64%, 84%)  Plum