Cor nomeada mais próxima · #32ABA2
#32ABA2
Cor nomeada mais próxima: Teal Me No Lies
#32ABA2 (rgb(50 171 162), hsl(176 55% 43%), oklch(0.674 0.104 187.7)) é mais próxima da cor nomeada Teal Me No Lies. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#32ABA2
oklch(0.674 0.104 187.7)
Conversões de cor
- HEX
- #32aba2
- RGB
- rgb(50 171 162)
- HSL
- hsl(176 55% 43%)
- HWB
- hwb(176 20% 33%)
- OKLCH
- oklch(0.674 0.104 187.7)
- OKLab
- oklab(0.674 -0.104 -0.014)
- CIE Lab
- lab(63.42 -35.68 -5.49)
- LCH
- lch(63.42 36.1 188.8)
- CMYK
- cmyk(71% 0% 5% 33%)
Tons claros · Sombras · Tons
Tons claros
- 50B3AB
- 67BCB4
- 7CC4BD
- 90CDC6
- A3D5D0
- B6DED9
- C8E6E2
- DBEEEC
- EDF7F5
Sombras
- 2A948C
- 227E77
- 1B6863
- 14544F
- 0D403C
- 072D2A
- 031B19
- 010B0A
- 000101
Tons
- 41A79F
- 4DA39B
- 579E98
- 5F9A94
- 669691
- 6C928D
- 728D8A
- 778987
- 7C8483
Harmonias de cor
Complementar +180°
- 32ABA2
Teal Me No Lies
- CD7A8A
≈ Dusky Pink
Análoga -30° +30°
- 32ABA2
Teal Me No Lies
- 59AA7D
≈ Julep
- 37A6C1
≈ Gulf Waters
Tríade +120° +240°
- 32ABA2
Teal Me No Lies
- A885C8
≈ Lilac Purple
- C18A4B
≈ Toffee Tart
Complementar dividida +150° +210°
- 32ABA2
Teal Me No Lies
- C07DAD
≈ Romanov Mauve
- CE7F67
≈ Fire Chalk
Tétrade +90° +180° +270°
- 32ABA2
Teal Me No Lies
- 8790D6
≈ Mystic Iris
- CD7A8A
≈ Dusky Pink
- A89745
≈ Prickly Pear
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.48:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--teal-me-no-lies: #32aba2;
--teal-me-no-lies-rgb: 50 171 162;
--teal-me-no-lies-oklch: oklch(0.674 0.104 187.7);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(176 55% 43%);
border-color: oklch(0.674 0.104 187.7);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #32aba2;
--color-teal-me-no-lies-50: #d4fffb;
--color-teal-me-no-lies-100: #c1f4ef;
--color-teal-me-no-lies-200: #a0e3de;
--color-teal-me-no-lies-300: #74c9c3;
--color-teal-me-no-lies-400: #46b2a9;
--color-teal-me-no-lies-500: #009c93;
--color-teal-me-no-lies-600: #00847c;
--color-teal-me-no-lies-700: #006a63;
--color-teal-me-no-lies-800: #004e48;
--color-teal-me-no-lies-900: #013632;
--color-teal-me-no-lies-950: #00211e;
}SCSS
$teal-me-no-lies: #32aba2;
$teal-me-no-lies-rgb: 50, 171, 162;
$teal-me-no-lies-light: mix(#fff, $teal-me-no-lies, 20%);
$teal-me-no-lies-dark: mix(#000, $teal-me-no-lies, 20%);
.element {
color: $teal-me-no-lies;
box-shadow: 0 0 0 2px rgba($teal-me-no-lies, 0.35);
}