이름 색상 · #E0C9C4
Pink Water
Pink Water은(는) #E0C9C4: rgb(224 201 196), hsl(11 31% 82%), oklch(0.854 0.027 32.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Pink Water color name →
#E0C9C4
oklch(0.854 0.027 32.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E3CECA
- E6D4D0
- E9D9D5
- EDDEDB
- F0E4E1
- F3E9E7
- F6EFED
- F9F4F3
- FCFAF9
셰이드
- C3AEAA
- A69591
- 8A7C78
- 706461
- 564C4A
- 3E3635
- 272221
- 120F0E
- 020202
톤
- D6C1BD
- CCBAB6
- C2B3AF
- B9ABA8
- AFA4A1
- A59D9B
- 9C9594
- 938E8D
- 898787
색 조화
보색 +180°
- E0C9C4
Pink Water
- BCD4D9
≈ Light Salt Spray
유사색 -30° +30°
- E0C9C4
Pink Water
- DFC8CD
≈ Kellie Belle
- DCCBBD
≈ Bermuda Sand
삼각 배색 +120° +240°
- E0C9C4
Pink Water
- C3D4C6
≈ Juniper Mist
- C9CEE1
≈ Lilac Bisque
분열 보색 +150° +210°
- E0C9C4
Pink Water
- BDD5D0
≈ Coast to Coast
- C0D2DF
≈ Sea Drive
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.32:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
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);
}