Cor nomeada mais próxima · #A2DCDA
#A2DCDA
Cor nomeada mais próxima: Aqua Fiesta
#A2DCDA (rgb(162 220 218), hsl(178 45% 75%), oklch(0.854 0.059 193.4)) é mais próxima da cor nomeada Aqua Fiesta. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A2DCDA
oklch(0.854 0.059 193.4)
Conversões de cor
- HEX
- #a2dcda
- RGB
- rgb(162 220 218)
- HSL
- hsl(178 45% 75%)
- HWB
- hwb(178 64% 14%)
- OKLCH
- oklch(0.854 0.059 193.4)
- OKLab
- oklab(0.854 -0.058 -0.014)
- CIE Lab
- lab(83.75 -19.51 -5.34)
- LCH
- lch(83.75 20.23 195.3)
- CMYK
- cmyk(26% 0% 1% 14%)
Tons claros · Sombras · Tons
Tons claros
- ACE0DE
- B5E3E1
- BFE7E5
- C8EAE9
- D1EEEC
- DBF1F0
- E4F5F4
- EDF8F8
- F6FCFB
Sombras
- 8CBFBD
- 77A3A2
- 638887
- 4F6E6C
- 3C5454
- 2A3C3C
- 192625
- 0A1111
- 010202
Tons
- 9FD2D1
- 9CC9C7
- 99C0BE
- 96B6B5
- 92ADAC
- 8FA4A3
- 8B9B9A
- 889291
- 848989
Harmonias de cor
Complementar +180°
- A2DCDA
Aqua Fiesta
- F3C0C4
≈ Plaza Pink
Análoga -30° +30°
- A2DCDA
Aqua Fiesta
- ACDCC4
≈ Quantum Effect
- A5D8EC
≈ Blue Bubble
Tríade +120° +240°
- A2DCDA
Aqua Fiesta
- DDC4EB
≈ Glittering Gemstone
- E7CAA5
≈ Gentle Fawn
Complementar dividida +150° +210°
- A2DCDA
Aqua Fiesta
- ECC0D9
≈ Starlet Pink
- F2C3B1
≈ Peach Temptation
Tétrade +90° +180° +270°
- A2DCDA
Aqua Fiesta
- C9CBF6
≈ Soap
- F3C0C4
≈ Plaza Pink
- D5D2A5
≈ Cream Cheese Avocado
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.78:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.78:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--aqua-fiesta: #a2dcda;
--aqua-fiesta-rgb: 162 220 218;
--aqua-fiesta-oklch: oklch(0.854 0.059 193.4);
}
.element {
color: var(--aqua-fiesta);
background-color: hsl(178 45% 75%);
border-color: oklch(0.854 0.059 193.4);
}Tailwind CSS v4
@theme {
--color-aqua-fiesta: #a2dcda;
--color-aqua-fiesta-50: #e3fbfa;
--color-aqua-fiesta-100: #d2eeee;
--color-aqua-fiesta-200: #b8dddc;
--color-aqua-fiesta-300: #94c1c1;
--color-aqua-fiesta-400: #75aaa8;
--color-aqua-fiesta-500: #549391;
--color-aqua-fiesta-600: #487c7b;
--color-aqua-fiesta-700: #396362;
--color-aqua-fiesta-800: #294947;
--color-aqua-fiesta-900: #1b3331;
--color-aqua-fiesta-950: #0b1e1d;
}SCSS
$aqua-fiesta: #a2dcda;
$aqua-fiesta-rgb: 162, 220, 218;
$aqua-fiesta-light: mix(#fff, $aqua-fiesta, 20%);
$aqua-fiesta-dark: mix(#000, $aqua-fiesta, 20%);
.element {
color: $aqua-fiesta;
box-shadow: 0 0 0 2px rgba($aqua-fiesta, 0.35);
}