Benannte Farbe · #ACC7E5
Water Wash
Water Wash ist #ACC7E5: rgb(172 199 229), hsl(212 52% 79%), oklch(0.82 0.052 251.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Water Wash color name →
#ACC7E5
oklch(0.82 0.052 251.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- B4CDE8
- BCD2EA
- C5D8ED
- CDDDF0
- D5E3F2
- DDE8F5
- E6EEF7
- EEF4FA
- F7F9FD
Shades
- 95ADC7
- 7F93AA
- 697A8E
- 546272
- 404C58
- 2D363F
- 1B2128
- 0B0E12
- 010203
Tones
- A8C0DB
- A3B8D0
- 9FB1C6
- 9AAABC
- 96A3B1
- 929CA7
- 8D959D
- 898E94
- 84878A
Farbharmonien
Komplementär +180°
- ACC7E5
Water Wash
- DABFA0
≈ Renoir Bisque
Analog -30° +30°
- ACC7E5
Water Wash
- A0CCDC
≈ Intercoastal
- BDC1E5
≈ Canterbury Bells
Triadisch +120° +240°
- ACC7E5
Water Wash
- E3B7BC
≈ Seven Veils
- B8CBA9
≈ Enamel Green
Geteilt komplementär +150° +210°
- ACC7E5
Water Wash
- E2BAAB
≈ Tofino
- CBC69F
≈ Archisa
Tetradisch +90° +180° +270°
- ACC7E5
Water Wash
- DCB7CE
≈ Blissfully Mine
- DABFA0
≈ Renoir Bisque
- A7CFB9
≈ Taffy Twist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.74:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.05:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
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);
}