ColorTool
Masuk
#F2FADE

#f2fade ≈ Light Yellow

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

#f2fade adalah warna dari keluarga “kuning-hijau”, dengan kecerahan sangat tinggi dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 94,9% merah, 98,04% hijau, dan 87,06% biru; saat dicetak CMYK memakai 3,2% sian, 0% magenta, 11,2% kuning, dan 1,96% hitam. Sudut ronanya 77,14°, dengan saturasi 73,68% dan kecerahan 92,55% 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 palet pastel lembut. Teks hitam di atas warna ini mencapai rasio kontras 19,5:1 (WCAG AAA). Warna bernama terdekat adalah Light Yellow (#ffffe0), ΔE 3,38.

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

Komplementer

  1. #f2fade
  2. #e6defa

Komplementer terbelah

  1. #f2fade
  2. #dee4fa
  3. #f4defa

Analog

  1. #faf4de
  2. #f2fade
  3. #e4fade

Triadik

  1. #f2fade
  2. #def2fa
  3. #fadef2

Tetradik

  1. #f2fade
  2. #defae6
  3. #e6defa
  4. #fadef2

Persegi

  1. #f2fade
  2. #defaf4
  3. #e6defa
  4. #fadee4

Monokromatik

  1. #bee659
  2. #d8f09c
  3. #f2fade
  4. #f8fced
  5. #f8fced

Bayangan

#f2fade dicampur bertahap dengan hitam.

  1. #f2fade
  2. #dae1c8
  3. #c2c8b2
  4. #a9af9b
  5. #919685
  6. #797d6f
  7. #616459
  8. #494b43
  9. #30322c
  10. #181916
  11. #000000

Tint

#f2fade dicampur bertahap dengan putih.

  1. #f2fade
  2. #f3fbe1
  3. #f5fbe5
  4. #f6fce8
  5. #f7fceb
  6. #f9fdef
  7. #fafdf2
  8. #fbfef5
  9. #fcfef8
  10. #fefffc
  11. #ffffff

Nada

#f2fade dicampur bertahap dengan abu-abu.

  1. #f2fade
  2. #e7eed5
  3. #dbe2cb
  4. #d0d5c2
  5. #c4c9b8
  6. #b9bdaf
  7. #aeb1a6
  8. #a2a59c
  9. #979893
  10. #8b8c89
  11. #808080

Teks mudah dibaca 1.08:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 19.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #f6f6f6 ≈ 0.003% pria
Akromatomali #f5f8ed ≈ 0.001% pria
Protanopia #fef6dc ≈ 1.01% pria
Deuteranopia #fdf7df ≈ 1.27% pria
Tritanopia #f5f7f2 ≈ 0.0001% pria
Protanomali #f9f8dd ≈ 1.08% pria
Deuteranomali #f9f8df ≈ 4.63% pria
Tritanomali #f4f8ea ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-f2fade {
  color: #f2fade;
}
Latar
.bg-f2fade {
  background-color: #f2fade;
  color: #000000;
}
Garis tepi
.border-f2fade {
  border: 2px solid #f2fade;
}
Variabel CSS
:root {
  --color-primary: #f2fade;
  --color-primary-rgb: 242 250 222;
  --color-primary-hsl: 77 74% 93%;
}
Gradien
.gradient-f2fade {
  background: linear-gradient(135deg, #f2fade, #e4fade);
}
Bayangan berwarna
.shadow-f2fade {
  box-shadow: 0 8px 24px rgb(242 250 222 / 0.35);
}

#ffffe0 Light Yellow ΔE 3.38 #f5f5dc Beige ΔE 3.42 #fafad2 Light Goldenrod Yellow ΔE 4.44 #f0fff0 Honeydew ΔE 5.13 #fffdd0 Cream ΔE 5.87 #fff8dc Cornsilk ΔE 6.09 #fffff0 Ivory ΔE 6.10 #0d0521 Terbalik #f6f6f6 Skala abu-abu 

Light Yellow
#f2fade  rgb(242, 250, 222)  hsl(77, 74%, 93%)  Light Yellow
#e6defa  rgb(230, 222, 250)  hsl(257, 74%, 93%)  Lavender
#def2fa  rgb(222, 242, 250)  hsl(197, 74%, 93%)  Azure
#fadef2  rgb(250, 222, 242)  hsl(317, 74%, 93%)  Pale Pink