Cor nomeada mais próxima · #2BACA0
#2BACA0
Cor nomeada mais próxima: Waterfall
#2BACA0 (rgb(43 172 160), hsl(174 60% 42%), oklch(0.675 0.109 185.6)) é mais próxima da cor nomeada Waterfall. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#2BACA0
oklch(0.675 0.109 185.6)
Conversões de cor
- HEX
- #2baca0
- RGB
- rgb(43 172 160)
- HSL
- hsl(174 60% 42%)
- HWB
- hwb(174 17% 33%)
- OKLCH
- oklch(0.675 0.109 185.6)
- OKLab
- oklab(0.675 -0.108 -0.011)
- CIE Lab
- lab(63.54 -37.47 -4.23)
- LCH
- lch(63.54 37.7 186.4)
- CMYK
- cmyk(75% 0% 7% 33%)
Tons claros · Sombras · Tons
Tons claros
- 4CB4A9
- 64BDB2
- 7AC5BC
- 8FCDC5
- A2D6CE
- B5DED8
- C8E6E2
- DAEFEB
- EDF7F5
Sombras
- 24958B
- 1D7F76
- 166961
- 10544E
- 0A403B
- 052D29
- 021B19
- 010B09
- 000101
Tons
- 3DA89D
- 4AA39A
- 549F96
- 5D9B93
- 659690
- 6B928D
- 718E89
- 778986
- 7C8583
Harmonias de cor
Complementar +180°
- 2BACA0
Waterfall
- CF798D
≈ Dusky Pink
Análoga -30° +30°
- 2BACA0
Waterfall
- 59AA7A
≈ Julep
- 2CA7C1
≈ Gulf Waters
Tríade +120° +240°
- 2BACA0
Waterfall
- A785CC
≈ Lilac Purple
- C48849
≈ Tassel
Complementar dividida +150° +210°
- 2BACA0
Waterfall
- C07CB1
≈ Colombo Red Mauve
- D07D67
≈ Silithus Brown
Tétrade +90° +180° +270°
- 2BACA0
Waterfall
- 8491D9
≈ Mystic Iris
- CF798D
≈ Dusky Pink
- AB9640
≈ Prickly Pear
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.51:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--waterfall: #2baca0;
--waterfall-rgb: 43 172 160;
--waterfall-oklch: oklch(0.675 0.109 185.6);
}
.element {
color: var(--waterfall);
background-color: hsl(174 60% 42%);
border-color: oklch(0.675 0.109 185.6);
}Tailwind CSS v4
@theme {
--color-waterfall: #2baca0;
--color-waterfall-50: #d3fffb;
--color-waterfall-100: #bff4ee;
--color-waterfall-200: #9ee4dc;
--color-waterfall-300: #71cac1;
--color-waterfall-400: #41b3a7;
--color-waterfall-500: #009d90;
--color-waterfall-600: #00847a;
--color-waterfall-700: #006a62;
--color-waterfall-800: #004e46;
--color-waterfall-900: #003631;
--color-waterfall-950: #00211d;
}SCSS
$waterfall: #2baca0;
$waterfall-rgb: 43, 172, 160;
$waterfall-light: mix(#fff, $waterfall, 20%);
$waterfall-dark: mix(#000, $waterfall, 20%);
.element {
color: $waterfall;
box-shadow: 0 0 0 2px rgba($waterfall, 0.35);
}