Nazwany kolor · #E8CCD7
Queen Pink
Queen Pink to #E8CCD7: rgb(232 204 215), hsl(336 38% 85%), oklch(0.872 0.034 352.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Queen Pink color name →
#E8CCD7
oklch(0.872 0.034 352.1)
Konwersje koloru
- HEX
- #e8ccd7
- RGB
- rgb(232 204 215)
- HSL
- hsl(336 38% 85%)
- HWB
- hwb(336 80% 9%)
- OKLCH
- oklch(0.872 0.034 352.1)
- OKLab
- oklab(0.872 0.034 -0.005)
- CIE Lab
- lab(84.67 11.49 -1.68)
- LCH
- lch(84.67 11.61 351.7)
- CMYK
- cmyk(0% 12% 7% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAD1DB
- EDD6DF
- EFDBE3
- F1E0E7
- F4E5EB
- F6EAEF
- F8F0F3
- FBF5F7
- FDFAFB
Odcienie ciemniejsze
- CAB1BB
- AC979F
- 907E85
- 74656B
- 594E52
- 40373B
- 292225
- 130F11
- 030202
Tony
- DDC4CE
- D2BCC5
- C8B5BC
- BDADB3
- B3A5AA
- A89EA2
- 9E9699
- 948F91
- 8A8788
Harmonie kolorów
Komplementarna +180°
- E8CCD7
Queen Pink
- BFDDD2
≈ Tierra Del Fuego Sea Green
Analogowa -30° +30°
- E8CCD7
Queen Pink
- E0CEE3
≈ Orchid Shimmer
- EBCCCB
≈ Petite Pink
Triada +120° +240°
- E8CCD7
Queen Pink
- D5D8BE
≈ Pine Mist
- BFD9E8
≈ Breezy Touch
Komplementarna rozszczepiona +150° +210°
- E8CCD7
Queen Pink
- C9DBC6
≈ Mystified
- BCDCDE
≈ Mech Suit
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.49:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.04:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--queen-pink: #e8ccd7;
--queen-pink-rgb: 232 204 215;
--queen-pink-oklch: oklch(0.872 0.034 352.1);
}
.element {
color: var(--queen-pink);
background-color: hsl(336 38% 85%);
border-color: oklch(0.872 0.034 352.1);
}Tailwind CSS v4
@theme {
--color-queen-pink: #e8ccd7;
--color-queen-pink-50: #fef1f6;
--color-queen-pink-100: #f2e3e8;
--color-queen-pink-200: #e1ced5;
--color-queen-pink-300: #c7b0b8;
--color-queen-pink-400: #b096a0;
--color-queen-pink-500: #997d88;
--color-queen-pink-600: #816a73;
--color-queen-pink-700: #68555c;
--color-queen-pink-800: #4c3e44;
--color-queen-pink-900: #352a2f;
--color-queen-pink-950: #20181b;
}SCSS
$queen-pink: #e8ccd7;
$queen-pink-rgb: 232, 204, 215;
$queen-pink-light: mix(#fff, $queen-pink, 20%);
$queen-pink-dark: mix(#000, $queen-pink, 20%);
.element {
color: $queen-pink;
box-shadow: 0 0 0 2px rgba($queen-pink, 0.35);
}