Cor nomeada mais próxima · #4ECB95
#4ECB95
Cor nomeada mais próxima: Vegetation
#4ECB95 (rgb(78 203 149), hsl(154 55% 55%), oklch(0.758 0.137 161.6)) é mais próxima da cor nomeada Vegetation. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#4ECB95
oklch(0.758 0.137 161.6)
Conversões de cor
- HEX
- #4ecb95
- RGB
- rgb(78 203 149)
- HSL
- hsl(154 55% 55%)
- HWB
- hwb(154 31% 20%)
- OKLCH
- oklch(0.758 0.137 161.6)
- OKLab
- oklab(0.758 -0.13 0.043)
- CIE Lab
- lab(73.76 -45.76 16.32)
- LCH
- lch(73.76 48.58 160.4)
- CMYK
- cmyk(62% 0% 27% 20%)
Tons claros · Sombras · Tons
Tons claros
- 66D19F
- 7AD6AA
- 8DDBB4
- 9FE1BF
- B0E6C9
- C0EBD4
- D0F0DF
- E0F5E9
- EFFAF4
Sombras
- 43B081
- 38966D
- 2D7D5A
- 236548
- 194D37
- 0F3726
- 072216
- 020F08
- 000201
Tons
- 58C393
- 60BC91
- 67B48F
- 6DAD8D
- 71A68B
- 759E89
- 799787
- 7C8F84
- 7E8882
Harmonias de cor
Complementar +180°
- 4ECB95
Vegetation
- EB8CC9
≈ Blushed Bombshell
Análoga -30° +30°
- 4ECB95
Vegetation
- 90C263
≈ Jaunty Green
- 00CAC5
≈ Tilla Kari Mosque
Tríade +120° +240°
- 4ECB95
Vegetation
- A3A6FF
≈ Shy Moment
- F89169
≈ Melon Red
Complementar dividida +150° +210°
- 4ECB95
Vegetation
- CD96EF
≈ Dream Vapour
- FA8A9A
≈ Strawberry Soap
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.03:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.30:1 · APCA Lc 63
Melhor cor de texto: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Trechos de código
CSS
:root {
--vegetation: #4ecb95;
--vegetation-rgb: 78 203 149;
--vegetation-oklch: oklch(0.758 0.137 161.6);
}
.element {
color: var(--vegetation);
background-color: hsl(154 55% 55%);
border-color: oklch(0.758 0.137 161.6);
}Tailwind CSS v4
@theme {
--color-vegetation: #4ecb95;
--color-vegetation-50: #d2ffea;
--color-vegetation-100: #bff7db;
--color-vegetation-200: #9de7c4;
--color-vegetation-300: #6fcea4;
--color-vegetation-400: #41b785;
--color-vegetation-500: #00a169;
--color-vegetation-600: #008859;
--color-vegetation-700: #006d47;
--color-vegetation-800: #005031;
--color-vegetation-900: #003821;
--color-vegetation-950: #002211;
}SCSS
$vegetation: #4ecb95;
$vegetation-rgb: 78, 203, 149;
$vegetation-light: mix(#fff, $vegetation, 20%);
$vegetation-dark: mix(#000, $vegetation, 20%);
.element {
color: $vegetation;
box-shadow: 0 0 0 2px rgba($vegetation, 0.35);
}