Nazwany kolor · #ECE2CE
Radiant Dawn
Radiant Dawn to #ECE2CE: rgb(236 226 206), hsl(40 44% 87%), oklch(0.915 0.029 84.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Radiant Dawn color name →
#ECE2CE
oklch(0.915 0.029 84.6)
Konwersje koloru
- HEX
- #ece2ce
- RGB
- rgb(236 226 206)
- HSL
- hsl(40 44% 87%)
- HWB
- hwb(40 81% 7%)
- OKLCH
- oklch(0.915 0.029 84.6)
- OKLab
- oklab(0.915 0.003 0.029)
- CIE Lab
- lab(90.29 1.07 11.1)
- LCH
- lch(90.29 11.15 84.5)
- CMYK
- cmyk(0% 4% 13% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEE5D3
- F0E8D8
- F2EBDD
- F4EEE2
- F5F0E6
- F7F3EB
- F9F6F0
- FBF9F5
- FDFCFA
Odcienie ciemniejsze
- CDC4B3
- AFA898
- 928C7F
- 767166
- 5B574E
- 423E38
- 292723
- 13120F
- 030302
Tony
- E1D8C6
- D5CEBE
- CAC4B6
- BFBAAE
- B5B0A6
- AAA69E
- 9F9C97
- 95938F
- 8A8988
Harmonie kolorów
Komplementarna +180°
- ECE2CE
Radiant Dawn
- DAE3F7
≈ Aquarelle Purple
Analogowa -30° +30°
- ECE2CE
Radiant Dawn
- F3DFD1
≈ Canyonville
- E2E6D0
≈ Bleached Jade
Triada +120° +240°
- ECE2CE
Radiant Dawn
- CEE9EC
≈ Summer Mist
- EDDDEE
≈ Divine Dove
Komplementarna rozszczepiona +150° +210°
- ECE2CE
Radiant Dawn
- D1E7F4
≈ New Heights
- E4E0F5
≈ Lingering Lilac
Tetrada +90° +180° +270°
- ECE2CE
Radiant Dawn
- D0EAE2
≈ Ice Water Green
- DAE3F7
≈ Aquarelle Purple
- F4DCE4
≈ Ranunculus White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.33:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.33:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--radiant-dawn: #ece2ce;
--radiant-dawn-rgb: 236 226 206;
--radiant-dawn-oklch: oklch(0.915 0.029 84.6);
}
.element {
color: var(--radiant-dawn);
background-color: hsl(40 44% 87%);
border-color: oklch(0.915 0.029 84.6);
}Tailwind CSS v4
@theme {
--color-radiant-dawn: #ece2ce;
--color-radiant-dawn-50: #f9f5ec;
--color-radiant-dawn-100: #ece7dd;
--color-radiant-dawn-200: #dad4c7;
--color-radiant-dawn-300: #beb7a7;
--color-radiant-dawn-400: #a69d8c;
--color-radiant-dawn-500: #8f8571;
--color-radiant-dawn-600: #797160;
--color-radiant-dawn-700: #615a4c;
--color-radiant-dawn-800: #474237;
--color-radiant-dawn-900: #312d26;
--color-radiant-dawn-950: #1d1a14;
}SCSS
$radiant-dawn: #ece2ce;
$radiant-dawn-rgb: 236, 226, 206;
$radiant-dawn-light: mix(#fff, $radiant-dawn, 20%);
$radiant-dawn-dark: mix(#000, $radiant-dawn, 20%);
.element {
color: $radiant-dawn;
box-shadow: 0 0 0 2px rgba($radiant-dawn, 0.35);
}