Nazwany kolor · #E0C9C4
Pink Water
Pink Water to #E0C9C4: rgb(224 201 196), hsl(11 31% 82%), oklch(0.854 0.027 32.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pink Water color name →
#E0C9C4
oklch(0.854 0.027 32.2)
Konwersje koloru
- HEX
- #e0c9c4
- RGB
- rgb(224 201 196)
- HSL
- hsl(11 31% 82%)
- HWB
- hwb(11 77% 12%)
- OKLCH
- oklch(0.854 0.027 32.2)
- OKLab
- oklab(0.854 0.023 0.014)
- CIE Lab
- lab(82.81 7.73 5.6)
- LCH
- lch(82.81 9.54 35.9)
- CMYK
- cmyk(0% 10% 12% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3CECA
- E6D4D0
- E9D9D5
- EDDEDB
- F0E4E1
- F3E9E7
- F6EFED
- F9F4F3
- FCFAF9
Odcienie ciemniejsze
- C3AEAA
- A69591
- 8A7C78
- 706461
- 564C4A
- 3E3635
- 272221
- 120F0E
- 020202
Tony
- D6C1BD
- CCBAB6
- C2B3AF
- B9ABA8
- AFA4A1
- A59D9B
- 9C9594
- 938E8D
- 898787
Harmonie kolorów
Komplementarna +180°
- E0C9C4
Pink Water
- BCD4D9
≈ Light Salt Spray
Analogowa -30° +30°
- E0C9C4
Pink Water
- DFC8CD
≈ Kellie Belle
- DCCBBD
≈ Bermuda Sand
Triada +120° +240°
- E0C9C4
Pink Water
- C3D4C6
≈ Juniper Mist
- C9CEE1
≈ Lilac Bisque
Komplementarna rozszczepiona +150° +210°
- E0C9C4
Pink Water
- BDD5D0
≈ Coast to Coast
- C0D2DF
≈ Sea Drive
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.32:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-water: #e0c9c4;
--pink-water-rgb: 224 201 196;
--pink-water-oklch: oklch(0.854 0.027 32.2);
}
.element {
color: var(--pink-water);
background-color: hsl(11 31% 82%);
border-color: oklch(0.854 0.027 32.2);
}Tailwind CSS v4
@theme {
--color-pink-water: #e0c9c4;
--color-pink-water-50: #fdf3f0;
--color-pink-water-100: #f1e5e2;
--color-pink-water-200: #dfd0cd;
--color-pink-water-300: #c5b3ae;
--color-pink-water-400: #ae9995;
--color-pink-water-500: #97807b;
--color-pink-water-600: #806c68;
--color-pink-water-700: #665753;
--color-pink-water-800: #4b3f3d;
--color-pink-water-900: #342b2a;
--color-pink-water-950: #201917;
}SCSS
$pink-water: #e0c9c4;
$pink-water-rgb: 224, 201, 196;
$pink-water-light: mix(#fff, $pink-water, 20%);
$pink-water-dark: mix(#000, $pink-water, 20%);
.element {
color: $pink-water;
box-shadow: 0 0 0 2px rgba($pink-water, 0.35);
}