Warna bernama · #FFECE9
Rose Frost
Rose Frost adalah #FFECE9: rgb(255 236 233), hsl(8 100% 96%), oklch(0.957 0.021 28.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Rose Frost color name →
#FFECE9
oklch(0.957 0.021 28.3)
Konversi warna
- HEX
- #ffece9
- RGB
- rgb(255 236 233)
- HSL
- hsl(8 100% 96%)
- HWB
- hwb(8 91% 0%)
- OKLCH
- oklch(0.957 0.021 28.3)
- OKLab
- oklab(0.957 0.019 0.01)
- CIE Lab
- lab(94.87 6.29 3.9)
- LCH
- lch(94.87 7.4 31.8)
- CMYK
- cmyk(0% 7% 9% 0%)
Tint · Shade · Tone
Tint
- FFEEEB
- FFF0ED
- FFF2F0
- FFF4F2
- FFF5F4
- FFF7F6
- FFF9F8
- FFFBFB
- FFFDFD
Shade
- DECDCB
- BEAFAD
- 9E9290
- 807674
- 635B5A
- 484241
- 2E2929
- 161313
- 030303
Tone
- F2E1DE
- E4D5D3
- D7CAC8
- CABFBE
- BEB5B3
- B1AAA9
- A49F9E
- 989594
- 8C8A8A
Harmoni warna
Komplementer +180°
- FFECE9
Rose Frost
- E2F5F8
≈ Coastal Breeze
Analog -30° +30°
- FFECE9
Rose Frost
- FEEBF1
≈ Fairy Wings
- FCEEE3
≈ Albino
Triadik +120° +240°
- FFECE9
Rose Frost
- E8F5E9
≈ Floaty Bubble
- EBF1FF
≈ Carte Blanche
Split-komplementer +150° +210°
- FFECE9
Rose Frost
- E3F6F1
≈ Frosty Mint
- E5F3FE
≈ Moon White
Tetradik +90° +180° +270°
- FFECE9
Rose Frost
- EFF3E3
≈ Saltpan
- E2F5F8
≈ Coastal Breeze
- F2EEFE
≈ Foundation White
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.13:1 · APCA Lc 0
Ag
AAADi atas hitam
WCAG 18.42:1 · APCA Lc 98
Warna teks terbaik: #000000
WCAG 18.42:1 (AAA) · APCA Lc 98
Contrast pairs
Cuplikan kode
CSS
:root {
--rose-frost: #ffece9;
--rose-frost-rgb: 255 236 233;
--rose-frost-oklch: oklch(0.957 0.021 28.3);
}
.element {
color: var(--rose-frost);
background-color: hsl(8 100% 96%);
border-color: oklch(0.957 0.021 28.3);
}Tailwind CSS v4
@theme {
--color-rose-frost: #ffece9;
--color-rose-frost-50: #fbf3f1;
--color-rose-frost-100: #efe5e4;
--color-rose-frost-200: #ddd1cf;
--color-rose-frost-300: #c2b4b1;
--color-rose-frost-400: #ab9a97;
--color-rose-frost-500: #94817e;
--color-rose-frost-600: #7d6d6b;
--color-rose-frost-700: #645755;
--color-rose-frost-800: #49403e;
--color-rose-frost-900: #332c2b;
--color-rose-frost-950: #1f1918;
}SCSS
$rose-frost: #ffece9;
$rose-frost-rgb: 255, 236, 233;
$rose-frost-light: mix(#fff, $rose-frost, 20%);
$rose-frost-dark: mix(#000, $rose-frost, 20%);
.element {
color: $rose-frost;
box-shadow: 0 0 0 2px rgba($rose-frost, 0.35);
}