ColorTool
Giriş yap
#FAFFE9

#faffe9 ≈ Beige

  • sarı-yeşil
  • Açıklık: çok yüksek
  • Doygunluk: düşük
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#faffe9, “sarı-yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %98,04 kırmızı, %100 yeşil ve %91,37 maviden oluşur; CMYK baskıda %1,96 camgöbeği, %0 macenta, %8,63 sarı ve %0 siyah kullanır. Ton açısı 73,64°, HSL’de doygunluğu %100 ve açıklığı %95,69’dir. Sıcak bir renktir ve çoğunlukla tazelik, büyüme ve canlılık ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 20,55:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Beige (#f5f5dc), ΔE 2,87.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#ffffff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.9773

Tamamlayıcı

  1. #faffe9
  2. #eee9ff

Bölünmüş tamamlayıcı

  1. #faffe9
  2. #e9efff
  3. #f9e9ff

Komşu

  1. #fff9e9
  2. #faffe9
  3. #efffe9

Üçlü

  1. #faffe9
  2. #e9faff
  3. #ffe9fa

Dörtlü

  1. #faffe9
  2. #e9ffee
  3. #eee9ff
  4. #ffe9fa

Kare

  1. #faffe9
  2. #e9fff9
  3. #eee9ff
  4. #ffe9ef

Tek renkli

  1. #d7ff50
  2. #e9ff9d
  3. #faffe9
  4. #faffeb
  5. #faffeb

Koyu tonlar

#faffe9 kademeli olarak siyahla karıştırıldı.

  1. #faffe9
  2. #e1e6d2
  3. #c8ccba
  4. #afb3a3
  5. #96998c
  6. #7d8075
  7. #64665d
  8. #4b4d46
  9. #32332f
  10. #191a17
  11. #000000

Açık tonlar

#faffe9 kademeli olarak beyazla karıştırıldı.

  1. #faffe9
  2. #fbffeb
  3. #fbffed
  4. #fcfff0
  5. #fcfff2
  6. #fdfff4
  7. #fdfff6
  8. #fefff8
  9. #fefffb
  10. #fffffd
  11. #ffffff

Tonlar

#faffe9 kademeli olarak griyle karıştırıldı.

  1. #faffe9
  2. #eef2df
  3. #e2e6d4
  4. #d5d9ca
  5. #c9ccbf
  6. #bdc0b5
  7. #b1b3aa
  8. #a5a6a0
  9. #989995
  10. #8c8d8b
  11. #808080

Okunaklı metin 1.02:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 20.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #fcfcfc Erkeklerin ≈ 0.003% kadarı
Akromatomali #fbfdf5 Erkeklerin ≈ 0.001% kadarı
Protanopi #fffce8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fffdea Erkeklerin ≈ 1.27% kadarı
Tritanopi #fcfcf9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #fffde8 Erkeklerin ≈ 1.08% kadarı
Döteranomali #fffee9 Erkeklerin ≈ 4.63% kadarı
Tritanomali #fcfdf2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-faffe9 {
  color: #faffe9;
}
Arka plan
.bg-faffe9 {
  background-color: #faffe9;
  color: #000000;
}
Kenarlık
.border-faffe9 {
  border: 2px solid #faffe9;
}
CSS değişkenleri
:root {
  --color-primary: #faffe9;
  --color-primary-rgb: 250 255 233;
  --color-primary-hsl: 74 100% 96%;
}
Geçiş
.gradient-faffe9 {
  background: linear-gradient(135deg, #faffe9, #efffe9);
}
Renkli gölge
.shadow-faffe9 {
  box-shadow: 0 8px 24px rgb(250 255 233 / 0.35);
}

#f5f5dc Beige ΔE 2.87 #ffffe0 Light Yellow ΔE 3.34 #fffff0 Ivory ΔE 3.59 #f0fff0 Honeydew ΔE 4.37 #fff8dc Cornsilk ΔE 5.24 #fafad2 Light Goldenrod Yellow ΔE 5.74 #fff8e7 Cosmic Latte ΔE 6.06 #050016 Ters renk #fcfcfc Gri tonlama 

Beige
#faffe9  rgb(250, 255, 233)  hsl(74, 100%, 96%)  Beige
#eee9ff  rgb(238, 233, 255)  hsl(254, 100%, 96%)  Lavender
#e9faff  rgb(233, 250, 255)  hsl(194, 100%, 96%)  Azure
#ffe9fa  rgb(255, 233, 250)  hsl(314, 100%, 96%)  Lavender Blush