Adlandırılmış renk · #EBF4DF
Morning Frost
Morning Frost, #EBF4DF: rgb(235 244 223), hsl(86 49% 92%), oklch(0.955 0.029 126). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Morning Frost color name →
#EBF4DF
oklch(0.955 0.029 126)
Renk dönüşümleri
- HEX
- #ebf4df
- RGB
- rgb(235 244 223)
- HSL
- hsl(86 49% 92%)
- HWB
- hwb(86 87% 4%)
- OKLCH
- oklch(0.955 0.029 126)
- OKLab
- oklab(0.955 -0.017 0.024)
- CIE Lab
- lab(95.08 -5.82 9.08)
- LCH
- lch(95.08 10.78 122.6)
- CMYK
- cmyk(4% 0% 9% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDF5E2
- EFF6E5
- F1F7E9
- F3F8EC
- F5FAEF
- F7FBF2
- F9FCF5
- FBFDF9
- FDFEFC
Koyu tonlar
- CCD4C2
- AEB5A5
- 91978A
- 757A6F
- 5B5E56
- 41443D
- 292B27
- 131412
- 030302
Gri tonlar
- E0E8D5
- D5DCCB
- CAD0C2
- BFC4B8
- B4B8AE
- A9ADA5
- 9FA19C
- 949692
- 8A8B89
Renk uyumları
Tamamlayıcı +180°
- EBF4DF
Morning Frost
- F4ECFF
≈ Placebo Fuchsia
Analog -30° +30°
- EBF4DF
Morning Frost
- F6F0DB
≈ Apricot White
- E1F6E8
≈ Frozen Civilization
Üçlü +120° +240°
- EBF4DF
Morning Frost
- E4F2FF
≈ Wizard White
- FFEAEE
≈ Rose Mochi
Bölünmüş tamamlayıcı +150° +210°
- EBF4DF
Morning Frost
- ECEFFF
≈ Carte Blanche
- FEE9F8
≈ Dolomite Crystal
Dörtlü +90° +180° +270°
- EBF4DF
Morning Frost
- DBF6FD
≈ Glacial Day
- F4ECFF
≈ Placebo Fuchsia
- FFEBE6
≈ Soft Pink Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.13:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.53:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.53:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--morning-frost: #ebf4df;
--morning-frost-rgb: 235 244 223;
--morning-frost-oklch: oklch(0.955 0.029 126);
}
.element {
color: var(--morning-frost);
background-color: hsl(86 49% 92%);
border-color: oklch(0.955 0.029 126);
}Tailwind CSS v4
@theme {
--color-morning-frost: #ebf4df;
--color-morning-frost-50: #f3f7ee;
--color-morning-frost-100: #e5eae0;
--color-morning-frost-200: #d0d7ca;
--color-morning-frost-300: #b3baab;
--color-morning-frost-400: #9aa28f;
--color-morning-frost-500: #818a75;
--color-morning-frost-600: #6d7563;
--color-morning-frost-700: #575d4f;
--color-morning-frost-800: #404439;
--color-morning-frost-900: #2c2f27;
--color-morning-frost-950: #191c15;
}SCSS
$morning-frost: #ebf4df;
$morning-frost-rgb: 235, 244, 223;
$morning-frost-light: mix(#fff, $morning-frost, 20%);
$morning-frost-dark: mix(#000, $morning-frost, 20%);
.element {
color: $morning-frost;
box-shadow: 0 0 0 2px rgba($morning-frost, 0.35);
}