Cor nomeada mais próxima · #A2CFD1
#A2CFD1
Cor nomeada mais próxima: Clear Water
#A2CFD1 (rgb(162 207 209), hsl(183 34% 73%), oklch(0.823 0.047 199.7)) é mais próxima da cor nomeada Clear Water. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A2CFD1
oklch(0.823 0.047 199.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- ABD4D6
- B5D9DA
- BEDDDF
- C7E2E3
- D1E7E8
- DAECEC
- E3F1F1
- ECF5F6
- F6FAFA
Sombras
- 8CB4B5
- 77999B
- 637F81
- 4F6768
- 3C4F50
- 2A3839
- 192323
- 0A1010
- 010202
Tons
- 9FC7C9
- 9CBFC0
- 98B7B8
- 95AFB0
- 92A7A8
- 8E9FA0
- 8B9798
- 878F90
- 848888
Harmonias de cor
Complementar +180°
- A2CFD1
Clear Water
- E2BAB9
≈ Bistro Pink
Análoga -30° +30°
- A2CFD1
Clear Water
- A8D0C0
≈ Swimming Pool Green
- A7CCDE
≈ Serendipity Blue
Tríade +120° +240°
- A2CFD1
Clear Water
- D3BCD9
≈ Petite Purple
- D6C2A3
≈ Country Linen
Complementar dividida +150° +210°
- A2CFD1
Clear Water
- DEB9CA
≈ Smoked Silver
- E0BDAB
≈ Fresh-Baked
Tétrade +90° +180° +270°
- A2CFD1
Clear Water
- C4C1E2
≈ Digital Lavender
- E2BAB9
≈ Bistro Pink
- C7C8A5
≈ Watercress Pesto
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.38:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.38:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
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);
}