Cor nomeada mais próxima · #219C9A
#219C9A
Cor nomeada mais próxima: Baltic
#219C9A (rgb(33 156 154), hsl(179 65% 37%), oklch(0.63 0.101 193.2)) é mais próxima da cor nomeada Baltic. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#219C9A
oklch(0.63 0.101 193.2)
Conversões de cor
- HEX
- #219c9a
- RGB
- rgb(33 156 154)
- HSL
- hsl(179 65% 37%)
- HWB
- hwb(179 13% 39%)
- OKLCH
- oklch(0.63 0.101 193.2)
- OKLab
- oklab(0.63 -0.098 -0.023)
- CIE Lab
- lab(58.16 -33.42 -8.8)
- LCH
- lch(58.16 34.56 194.7)
- CMYK
- cmyk(79% 0% 1% 39%)
Tons claros · Sombras · Tons
Tons claros
- 44A6A4
- 5DB0AE
- 74BAB7
- 89C3C1
- 9DCDCB
- B1D7D6
- C5E1E0
- D8EBEA
- ECF5F5
Sombras
- 1B8785
- 167371
- 105F5E
- 0B4C4B
- 063939
- 032827
- 011817
- 000909
- 000101
Tons
- 359997
- 439795
- 4E9492
- 589190
- 608F8D
- 688C8A
- 6E8988
- 758685
- 7B8383
Harmonias de cor
Complementar +180°
- 219C9A
Baltic
- BE6F77
≈ Rita’s Rouge
Análoga -30° +30°
- 219C9A
Baltic
- 469C78
≈ Dancing Jewel
- 3296B6
≈ Enchanted Well
Tríade +120° +240°
- 219C9A
Baltic
- 9F76B4
≈ Purple Pride
- AE7F3D
≈ Rare Find
Complementar dividida +150° +210°
- 219C9A
Baltic
- B47099
≈ Fuscia Fizz
- BC7456
≈ Firenze
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.34:1 · APCA Lc 60
Ag
AASobre preto
WCAG 6.28:1 · APCA Lc 41
Melhor cor de texto: #000000
WCAG 6.28:1 (AA) · APCA Lc 41
Contrast pairs
Trechos de código
CSS
:root {
--baltic: #219c9a;
--baltic-rgb: 33 156 154;
--baltic-oklch: oklch(0.63 0.101 193.2);
}
.element {
color: var(--baltic);
background-color: hsl(179 65% 37%);
border-color: oklch(0.63 0.101 193.2);
}Tailwind CSS v4
@theme {
--color-baltic: #219c9a;
--color-baltic-50: #d5fffe;
--color-baltic-100: #c2f3f2;
--color-baltic-200: #a1e2e2;
--color-baltic-300: #75c8c7;
--color-baltic-400: #48b1af;
--color-baltic-500: #009b99;
--color-baltic-600: #008381;
--color-baltic-700: #006967;
--color-baltic-800: #004d4b;
--color-baltic-900: #023634;
--color-baltic-950: #00211f;
}SCSS
$baltic: #219c9a;
$baltic-rgb: 33, 156, 154;
$baltic-light: mix(#fff, $baltic, 20%);
$baltic-dark: mix(#000, $baltic, 20%);
.element {
color: $baltic;
box-shadow: 0 0 0 2px rgba($baltic, 0.35);
}