Cor nomeada mais próxima · #2CAE86
#2CAE86
Cor nomeada mais próxima: Herbal
#2CAE86 (rgb(44 174 134), hsl(162 60% 43%), oklch(0.672 0.125 167.3)) é mais próxima da cor nomeada Herbal. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#2CAE86
oklch(0.672 0.125 167.3)
Conversões de cor
- HEX
- #2cae86
- RGB
- rgb(44 174 134)
- HSL
- hsl(162 60% 43%)
- HWB
- hwb(162 17% 32%)
- OKLCH
- oklch(0.672 0.125 167.3)
- OKLab
- oklab(0.672 -0.122 0.027)
- CIE Lab
- lab(63.63 -43.32 10.21)
- LCH
- lch(63.63 44.5 166.7)
- CMYK
- cmyk(75% 0% 23% 32%)
Tons claros · Sombras · Tons
Tons claros
- 4CB692
- 65BE9D
- 7BC7A9
- 8FCFB5
- A2D7C1
- B5DFCD
- C8E7D9
- DAEFE6
- EDF7F2
Sombras
- 259774
- 1E8062
- 176A51
- 115540
- 0A4130
- 052E21
- 021C13
- 010B06
- 000101
Tons
- 3EAA85
- 4AA585
- 55A184
- 5D9C84
- 659783
- 6B9383
- 718E82
- 778A81
- 7C8581
Harmonias de cor
Complementar +180°
- 2CAE86
Herbal
- CD74A4
≈ Heartbreaker
Análoga -30° +30°
- 2CAE86
Herbal
- 6FA858
≈ Fern Flash
- 00ABAE
≈ Fiji
Tríade +120° +240°
- 2CAE86
Herbal
- 9289DF
≈ Perrywinkle
- D47C4E
≈ Copper Harbor
Complementar dividida +150° +210°
- 2CAE86
Herbal
- B57CC8
≈ Wisteria
- D87479
≈ Red Cedar
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.50:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--herbal: #2cae86;
--herbal-rgb: 44 174 134;
--herbal-oklch: oklch(0.672 0.125 167.3);
}
.element {
color: var(--herbal);
background-color: hsl(162 60% 43%);
border-color: oklch(0.672 0.125 167.3);
}Tailwind CSS v4
@theme {
--color-herbal: #2cae86;
--color-herbal-50: #d3ffef;
--color-herbal-100: #bff6e1;
--color-herbal-200: #9ee6cb;
--color-herbal-300: #70ccad;
--color-herbal-400: #42b68f;
--color-herbal-500: #00a075;
--color-herbal-600: #008763;
--color-herbal-700: #006c4f;
--color-herbal-800: #005038;
--color-herbal-900: #003726;
--color-herbal-950: #002214;
}SCSS
$herbal: #2cae86;
$herbal-rgb: 44, 174, 134;
$herbal-light: mix(#fff, $herbal, 20%);
$herbal-dark: mix(#000, $herbal, 20%);
.element {
color: $herbal;
box-shadow: 0 0 0 2px rgba($herbal, 0.35);
}