En yakın adlandırılmış renk · #F4EAEC
#F4EAEC
En yakın adlandırılmış renk: White Christmas
#F4EAEC (rgb(244 234 236), hsl(348 31% 94%), oklch(0.945 0.011 3.5)) en çok White Christmas adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#F4EAEC
oklch(0.945 0.011 3.5)
Renk dönüşümleri
- HEX
- #f4eaec
- RGB
- rgb(244 234 236)
- HSL
- hsl(348 31% 94%)
- HWB
- hwb(348 92% 4%)
- OKLCH
- oklch(0.945 0.011 3.5)
- OKLab
- oklab(0.945 0.011 0.001)
- CIE Lab
- lab(93.54 3.75 0.3)
- LCH
- lch(93.54 3.76 4.5)
- CMYK
- cmyk(0% 4% 3% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F5ECEE
- F6EEF0
- F7F0F2
- F8F2F4
- FAF4F5
- FBF7F7
- FCF9F9
- FDFBFB
- FEFDFD
Koyu tonlar
- D4CBCD
- B5AEAF
- 979192
- 7A7576
- 5E5A5B
- 444142
- 2B2929
- 141313
- 030303
Gri tonlar
- E8DFE1
- DCD4D5
- D0C9CA
- C4BEBF
- B8B4B4
- ADA9AA
- A19F9F
- 969495
- 8B8A8A
Renk uyumları
Tamamlayıcı +180°
- F4EAEC
White Christmas
- E5F0EE
≈ Cloud
Analog -30° +30°
- F4EAEC
White Christmas
- F2EAF0
≈ Snow Plum
- F4EAE8
≈ Wispy Pink
Üçlü +120° +240°
- F4EAEC
White Christmas
- EBEEE6
≈ Crème Fraîche
- E7EEF4
≈ Walls of Santorini
Bölünmüş tamamlayıcı +150° +210°
- F4EAEC
White Christmas
- E8EFE9
≈ Gossamer Wings
- E5EFF1
≈ Sheikh Zayed White
Dörtlü +90° +180° +270°
- F4EAEC
White Christmas
- EFEDE5
≈ Salt
- E5F0EE
≈ Cloud
- EAEDF5
≈ Coconut White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.17:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.82:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.82:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--white-christmas: #f4eaec;
--white-christmas-rgb: 244 234 236;
--white-christmas-oklch: oklch(0.945 0.011 3.5);
}
.element {
color: var(--white-christmas);
background-color: hsl(348 31% 94%);
border-color: oklch(0.945 0.011 3.5);
}Tailwind CSS v4
@theme {
--color-white-christmas: #f4eaec;
--color-white-christmas-50: #f8f4f4;
--color-white-christmas-100: #ebe6e7;
--color-white-christmas-200: #d9d2d3;
--color-white-christmas-300: #bdb5b6;
--color-white-christmas-400: #a59c9e;
--color-white-christmas-500: #8d8385;
--color-white-christmas-600: #776f71;
--color-white-christmas-700: #5f595a;
--color-white-christmas-800: #464142;
--color-white-christmas-900: #302d2e;
--color-white-christmas-950: #1d1a1a;
}SCSS
$white-christmas: #f4eaec;
$white-christmas-rgb: 244, 234, 236;
$white-christmas-light: mix(#fff, $white-christmas, 20%);
$white-christmas-dark: mix(#000, $white-christmas, 20%);
.element {
color: $white-christmas;
box-shadow: 0 0 0 2px rgba($white-christmas, 0.35);
}