이름 색상 · #ACC7E5
Water Wash
Water Wash은(는) #ACC7E5: rgb(172 199 229), hsl(212 52% 79%), oklch(0.82 0.052 251.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Water Wash color name →
#ACC7E5
oklch(0.82 0.052 251.2)
색상 변환
- HEX
- #acc7e5
- RGB
- rgb(172 199 229)
- HSL
- hsl(212 52% 79%)
- HWB
- hwb(212 67% 10%)
- OKLCH
- oklch(0.82 0.052 251.2)
- OKLab
- oklab(0.82 -0.017 -0.049)
- CIE Lab
- lab(78.97 -4.47 -18.16)
- LCH
- lch(78.97 18.7 256.2)
- CMYK
- cmyk(25% 13% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- B4CDE8
- BCD2EA
- C5D8ED
- CDDDF0
- D5E3F2
- DDE8F5
- E6EEF7
- EEF4FA
- F7F9FD
셰이드
- 95ADC7
- 7F93AA
- 697A8E
- 546272
- 404C58
- 2D363F
- 1B2128
- 0B0E12
- 010203
톤
- A8C0DB
- A3B8D0
- 9FB1C6
- 9AAABC
- 96A3B1
- 929CA7
- 8D959D
- 898E94
- 84878A
색 조화
보색 +180°
- ACC7E5
Water Wash
- DABFA0
≈ Renoir Bisque
유사색 -30° +30°
- ACC7E5
Water Wash
- A0CCDC
≈ Intercoastal
- BDC1E5
≈ Canterbury Bells
삼각 배색 +120° +240°
- ACC7E5
Water Wash
- E3B7BC
≈ Seven Veils
- B8CBA9
≈ Enamel Green
분열 보색 +150° +210°
- ACC7E5
Water Wash
- E2BAAB
≈ Tofino
- CBC69F
≈ Archisa
사각 배색 +90° +180° +270°
- ACC7E5
Water Wash
- DCB7CE
≈ Blissfully Mine
- DABFA0
≈ Renoir Bisque
- A7CFB9
≈ Taffy Twist
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.05:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--water-wash: #acc7e5;
--water-wash-rgb: 172 199 229;
--water-wash-oklch: oklch(0.82 0.052 251.2);
}
.element {
color: var(--water-wash);
background-color: hsl(212 52% 79%);
border-color: oklch(0.82 0.052 251.2);
}Tailwind CSS v4
@theme {
--color-water-wash: #acc7e5;
--color-water-wash-50: #ebf6ff;
--color-water-wash-100: #dce9f9;
--color-water-wash-200: #c5d6ea;
--color-water-wash-300: #a5bad2;
--color-water-wash-400: #88a1bd;
--color-water-wash-500: #6d89a8;
--color-water-wash-600: #5d748e;
--color-water-wash-700: #4a5d72;
--color-water-wash-800: #354454;
--color-water-wash-900: #242f3a;
--color-water-wash-950: #131b24;
}SCSS
$water-wash: #acc7e5;
$water-wash-rgb: 172, 199, 229;
$water-wash-light: mix(#fff, $water-wash, 20%);
$water-wash-dark: mix(#000, $water-wash, 20%);
.element {
color: $water-wash;
box-shadow: 0 0 0 2px rgba($water-wash, 0.35);
}