Nazwany kolor · #EED5D4
Radiant Rose
Radiant Rose to #EED5D4: rgb(238 213 212), hsl(2 43% 88%), oklch(0.893 0.028 20.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Radiant Rose color name →
#EED5D4
oklch(0.893 0.028 20.4)
Konwersje koloru
- HEX
- #eed5d4
- RGB
- rgb(238 213 212)
- HSL
- hsl(2 43% 88%)
- HWB
- hwb(2 83% 7%)
- OKLCH
- oklch(0.893 0.028 20.4)
- OKLab
- oklab(0.893 0.026 0.01)
- CIE Lab
- lab(87.35 8.84 3.83)
- LCH
- lch(87.35 9.63 23.4)
- CMYK
- cmyk(0% 11% 11% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0D9D8
- F2DDDC
- F3E2E1
- F5E6E5
- F7EAE9
- F8EEEE
- FAF2F2
- FCF7F6
- FDFBFB
Odcienie ciemniejsze
- CFB9B8
- B19E9D
- 938383
- 776A69
- 5C5151
- 423A3A
- 2A2424
- 141010
- 030202
Tony
- E3CCCB
- D7C3C3
- CCBBBA
- C1B2B1
- B6AAA9
- ABA1A1
- A09998
- 959090
- 8A8888
Harmonie kolorów
Komplementarna +180°
- EED5D4
Radiant Rose
- C7E2E3
≈ Mellifluous Blue
Analogowa -30° +30°
- EED5D4
Radiant Rose
- EBD5DE
≈ Lighthearted Pink
- ECD7CC
≈ Antique Pearl
Triada +120° +240°
- EED5D4
Radiant Rose
- D2E1CF
≈ Comforting Green
- D1DDEF
≈ Puffy Cloud
Komplementarna rozszczepiona +150° +210°
- EED5D4
Radiant Rose
- CBE2D9
≈ Moody Mist
- CAE0EB
≈ Skywriter
Tetrada +90° +180° +270°
- EED5D4
Radiant Rose
- DCDEC9
≈ Sip of Mint
- C7E2E3
≈ Mellifluous Blue
- DBD9EE
≈ Eyeshadow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.10:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.10:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--radiant-rose: #eed5d4;
--radiant-rose-rgb: 238 213 212;
--radiant-rose-oklch: oklch(0.893 0.028 20.4);
}
.element {
color: var(--radiant-rose);
background-color: hsl(2 43% 88%);
border-color: oklch(0.893 0.028 20.4);
}Tailwind CSS v4
@theme {
--color-radiant-rose: #eed5d4;
--color-radiant-rose-50: #fdf2f1;
--color-radiant-rose-100: #f1e4e4;
--color-radiant-rose-200: #e0d0cf;
--color-radiant-rose-300: #c5b2b1;
--color-radiant-rose-400: #af9897;
--color-radiant-rose-500: #987f7e;
--color-radiant-rose-600: #816c6b;
--color-radiant-rose-700: #675655;
--color-radiant-rose-800: #4c3f3f;
--color-radiant-rose-900: #352b2b;
--color-radiant-rose-950: #201818;
}SCSS
$radiant-rose: #eed5d4;
$radiant-rose-rgb: 238, 213, 212;
$radiant-rose-light: mix(#fff, $radiant-rose, 20%);
$radiant-rose-dark: mix(#000, $radiant-rose, 20%);
.element {
color: $radiant-rose;
box-shadow: 0 0 0 2px rgba($radiant-rose, 0.35);
}