Adlandırılmış renk · #ACC7E5
Water Wash
Water Wash, #ACC7E5: rgb(172 199 229), hsl(212 52% 79%), oklch(0.82 0.052 251.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Water Wash color name →
#ACC7E5
oklch(0.82 0.052 251.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B4CDE8
- BCD2EA
- C5D8ED
- CDDDF0
- D5E3F2
- DDE8F5
- E6EEF7
- EEF4FA
- F7F9FD
Koyu tonlar
- 95ADC7
- 7F93AA
- 697A8E
- 546272
- 404C58
- 2D363F
- 1B2128
- 0B0E12
- 010203
Gri tonlar
- A8C0DB
- A3B8D0
- 9FB1C6
- 9AAABC
- 96A3B1
- 929CA7
- 8D959D
- 898E94
- 84878A
Renk uyumları
Tamamlayıcı +180°
- ACC7E5
Water Wash
- DABFA0
≈ Renoir Bisque
Analog -30° +30°
- ACC7E5
Water Wash
- A0CCDC
≈ Intercoastal
- BDC1E5
≈ Canterbury Bells
Üçlü +120° +240°
- ACC7E5
Water Wash
- E3B7BC
≈ Seven Veils
- B8CBA9
≈ Enamel Green
Bölünmüş tamamlayıcı +150° +210°
- ACC7E5
Water Wash
- E2BAAB
≈ Tofino
- CBC69F
≈ Archisa
Dörtlü +90° +180° +270°
- ACC7E5
Water Wash
- DCB7CE
≈ Blissfully Mine
- DABFA0
≈ Renoir Bisque
- A7CFB9
≈ Taffy Twist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.74:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 12.05:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
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);
}