Nazwany kolor · #E9D1DA
Orchid Rose
Orchid Rose to #E9D1DA: rgb(233 209 218), hsl(338 35% 87%), oklch(0.883 0.029 353). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Orchid Rose color name →
#E9D1DA
oklch(0.883 0.029 353)
Konwersje koloru
- HEX
- #e9d1da
- RGB
- rgb(233 209 218)
- HSL
- hsl(338 35% 87%)
- HWB
- hwb(338 82% 9%)
- OKLCH
- oklch(0.883 0.029 353)
- OKLab
- oklab(0.883 0.029 -0.004)
- CIE Lab
- lab(86.05 9.75 -1.25)
- LCH
- lch(86.05 9.83 352.7)
- CMYK
- cmyk(0% 10% 6% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBD6DE
- EEDAE1
- F0DFE5
- F2E3E9
- F4E8EC
- F6ECF0
- F9F1F4
- FBF6F8
- FDFAFB
Odcienie ciemniejsze
- CBB5BD
- AD9BA2
- 908187
- 74686C
- 5A5054
- 41393C
- 292325
- 131011
- 030202
Tony
- DEC9D1
- D3C0C7
- C8B8BE
- BEB0B5
- B3A8AC
- A9A0A3
- 9E989A
- 949091
- 8A8889
Harmonie kolorów
Komplementarna +180°
- E9D1DA
Orchid Rose
- C6DFD7
≈ Ulthuan Grey
Analogowa -30° +30°
- E9D1DA
Orchid Rose
- E2D2E4
≈ Purplish White
- EBD1CF
≈ Innocence
Triada +120° +240°
- E9D1DA
Orchid Rose
- D8DBC5
≈ Silver Laurel
- C6DCE9
≈ King of Waves
Komplementarna rozszczepiona +150° +210°
- E9D1DA
Orchid Rose
- CEDECC
≈ St. Augustine
- C3DFE1
≈ Trevi Fountain
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.59:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.59:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--orchid-rose: #e9d1da;
--orchid-rose-rgb: 233 209 218;
--orchid-rose-oklch: oklch(0.883 0.029 353);
}
.element {
color: var(--orchid-rose);
background-color: hsl(338 35% 87%);
border-color: oklch(0.883 0.029 353);
}Tailwind CSS v4
@theme {
--color-orchid-rose: #e9d1da;
--color-orchid-rose-50: #fdf2f5;
--color-orchid-rose-100: #f0e4e8;
--color-orchid-rose-200: #dfcfd5;
--color-orchid-rose-300: #c4b2b8;
--color-orchid-rose-400: #ad98a0;
--color-orchid-rose-500: #967f88;
--color-orchid-rose-600: #7f6b73;
--color-orchid-rose-700: #66565c;
--color-orchid-rose-800: #4b3e44;
--color-orchid-rose-900: #342b2f;
--color-orchid-rose-950: #1f181b;
}SCSS
$orchid-rose: #e9d1da;
$orchid-rose-rgb: 233, 209, 218;
$orchid-rose-light: mix(#fff, $orchid-rose, 20%);
$orchid-rose-dark: mix(#000, $orchid-rose, 20%);
.element {
color: $orchid-rose;
box-shadow: 0 0 0 2px rgba($orchid-rose, 0.35);
}