Nazwany kolor · #E2CDD5
Prim
Prim to #E2CDD5: rgb(226 205 213), hsl(337 27% 85%), oklch(0.868 0.026 352.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Prim color name →
#E2CDD5
oklch(0.868 0.026 352.6)
Konwersje koloru
- HEX
- #e2cdd5
- RGB
- rgb(226 205 213)
- HSL
- hsl(337 27% 85%)
- HWB
- hwb(337 80% 11%)
- OKLCH
- oklch(0.868 0.026 352.6)
- OKLab
- oklab(0.868 0.025 -0.003)
- CIE Lab
- lab(84.34 8.58 -1.18)
- LCH
- lch(84.34 8.66 352.2)
- CMYK
- cmyk(0% 9% 6% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5D2D9
- E8D7DD
- EBDCE1
- EEE1E6
- F1E6EA
- F3EBEE
- F6F0F2
- F9F5F6
- FCFAFB
Odcienie ciemniejsze
- C4B2B9
- A8989E
- 8C7E83
- 71666A
- 574E51
- 3E383A
- 272324
- 120F10
- 030202
Tony
- D8C5CC
- CEBDC3
- C4B5BB
- BAADB2
- B0A6AA
- A69EA1
- 9C9699
- 938F90
- 898788
Harmonie kolorów
Komplementarna +180°
- E2CDD5
Prim
- C3D9D2
≈ Geyser
Analogowa -30° +30°
- E2CDD5
Prim
- DCCEDE
≈ Violet Mist
- E4CDCC
≈ Whirligig
Triada +120° +240°
- E2CDD5
Prim
- D3D6C3
≈ Wine Bottle
- C4D7E2
≈ Blue Raindrop
Komplementarna rozszczepiona +150° +210°
- E2CDD5
Prim
- CAD8C9
≈ April Mist
- C1D9DB
≈ Haint Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.50:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.92:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--prim: #e2cdd5;
--prim-rgb: 226 205 213;
--prim-oklch: oklch(0.868 0.026 352.6);
}
.element {
color: var(--prim);
background-color: hsl(337 27% 85%);
border-color: oklch(0.868 0.026 352.6);
}Tailwind CSS v4
@theme {
--color-prim: #e2cdd5;
--color-prim-50: #fcf2f5;
--color-prim-100: #efe4e8;
--color-prim-200: #ded0d5;
--color-prim-300: #c3b2b8;
--color-prim-400: #ab98a0;
--color-prim-500: #957f88;
--color-prim-600: #7e6c73;
--color-prim-700: #65565c;
--color-prim-800: #4a3f43;
--color-prim-900: #332b2f;
--color-prim-950: #1f191b;
}SCSS
$prim: #e2cdd5;
$prim-rgb: 226, 205, 213;
$prim-light: mix(#fff, $prim, 20%);
$prim-dark: mix(#000, $prim, 20%);
.element {
color: $prim;
box-shadow: 0 0 0 2px rgba($prim, 0.35);
}