En yakın adlandırılmış renk · #A2CFD1
#A2CFD1
En yakın adlandırılmış renk: Clear Water
#A2CFD1 (rgb(162 207 209), hsl(183 34% 73%), oklch(0.823 0.047 199.7)) en çok Clear Water adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A2CFD1
oklch(0.823 0.047 199.7)
Renk dönüşümleri
- HEX
- #a2cfd1
- RGB
- rgb(162 207 209)
- HSL
- hsl(183 34% 73%)
- HWB
- hwb(183 64% 18%)
- OKLCH
- oklch(0.823 0.047 199.7)
- OKLab
- oklab(0.823 -0.044 -0.016)
- CIE Lab
- lab(79.97 -14.93 -6.1)
- LCH
- lch(79.97 16.13 202.2)
- CMYK
- cmyk(22% 1% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ABD4D6
- B5D9DA
- BEDDDF
- C7E2E3
- D1E7E8
- DAECEC
- E3F1F1
- ECF5F6
- F6FAFA
Koyu tonlar
- 8CB4B5
- 77999B
- 637F81
- 4F6768
- 3C4F50
- 2A3839
- 192323
- 0A1010
- 010202
Gri tonlar
- 9FC7C9
- 9CBFC0
- 98B7B8
- 95AFB0
- 92A7A8
- 8E9FA0
- 8B9798
- 878F90
- 848888
Renk uyumları
Tamamlayıcı +180°
- A2CFD1
Clear Water
- E2BAB9
≈ Bistro Pink
Analog -30° +30°
- A2CFD1
Clear Water
- A8D0C0
≈ Swimming Pool Green
- A7CCDE
≈ Serendipity Blue
Üçlü +120° +240°
- A2CFD1
Clear Water
- D3BCD9
≈ Petite Purple
- D6C2A3
≈ Country Linen
Bölünmüş tamamlayıcı +150° +210°
- A2CFD1
Clear Water
- DEB9CA
≈ Smoked Silver
- E0BDAB
≈ Fresh-Baked
Dörtlü +90° +180° +270°
- A2CFD1
Clear Water
- C4C1E2
≈ Digital Lavender
- E2BAB9
≈ Bistro Pink
- C7C8A5
≈ Watercress Pesto
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.38:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.38:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--clear-water: #a2cfd1;
--clear-water-rgb: 162 207 209;
--clear-water-oklch: oklch(0.823 0.047 199.7);
}
.element {
color: var(--clear-water);
background-color: hsl(183 34% 73%);
border-color: oklch(0.823 0.047 199.7);
}Tailwind CSS v4
@theme {
--color-clear-water: #a2cfd1;
--color-clear-water-50: #e6f9fb;
--color-clear-water-100: #d7edee;
--color-clear-water-200: #bedbdd;
--color-clear-water-300: #9cbfc2;
--color-clear-water-400: #7ea7a9;
--color-clear-water-500: #609092;
--color-clear-water-600: #527a7c;
--color-clear-water-700: #416163;
--color-clear-water-800: #2f4848;
--color-clear-water-900: #1f3232;
--color-clear-water-950: #0f1e1e;
}SCSS
$clear-water: #a2cfd1;
$clear-water-rgb: 162, 207, 209;
$clear-water-light: mix(#fff, $clear-water, 20%);
$clear-water-dark: mix(#000, $clear-water, 20%);
.element {
color: $clear-water;
box-shadow: 0 0 0 2px rgba($clear-water, 0.35);
}