#FAFAFF

#fafaff ≈ Ghost White

  • mavi
  • Açıklık: çok yüksek
  • Doygunluk: düşük
  • Soğuk

#fafaff, “mavi” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %98,04 kırmızı, %98,04 yeşil ve %100 maviden oluşur; CMYK baskıda %1,96 camgöbeği, %1,96 macenta, %0 sarı ve %0 siyah kullanır. Ton açısı 240°, HSL’de doygunluğu %100 ve açıklığı %99,02’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 20,18:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ghost White (#f8f8ff), ΔE 1,03.

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

#fafaff renginin diğer renk uzaylarındaki karşılıkları
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.9592

Okunaklı metin 1.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 20.18:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #fafafa Erkeklerin ≈ 0.003% kadarı
Akromatomali #fafafc Erkeklerin ≈ 0.001% kadarı
Protanopi #f9fbff Erkeklerin ≈ 1.01% kadarı
Döteranopi #f9faff Erkeklerin ≈ 1.27% kadarı
Tritanopi #f9fbfc Erkeklerin ≈ 0.0001% kadarı
Protanomali #f9faff Erkeklerin ≈ 1.08% kadarı
Döteranomali #f9faff Erkeklerin ≈ 4.63% kadarı
Tritanomali #f9fafd Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

Ghost White
#fafaff  rgb(250, 250, 255)  hsl(240, 100%, 99%)  Ghost White
#fffffa  rgb(255, 255, 250)  hsl(60, 100%, 99%)  White
#fffafa  rgb(255, 250, 250)  hsl(0, 100%, 99%)  Snow
#fafffa  rgb(250, 255, 250)  hsl(120, 100%, 99%)  Mint Cream