Cor nomeada · #4A9976
Smaragdine
Smaragdine é #4A9976: rgb(74 153 118), hsl(153 35% 45%), oklch(0.623 0.095 162.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Smaragdine color name →
#4A9976
oklch(0.623 0.095 162.7)
Conversões de cor
- HEX
- #4a9976
- RGB
- rgb(74 153 118)
- HSL
- hsl(153 35% 45%)
- HWB
- hwb(153 29% 40%)
- OKLCH
- oklch(0.623 0.095 162.7)
- OKLab
- oklab(0.623 -0.091 0.028)
- CIE Lab
- lab(57.52 -31.95 10.69)
- LCH
- lch(57.52 33.69 161.5)
- CMYK
- cmyk(52% 0% 23% 40%)
Tons claros · Sombras · Tons
Tons claros
- 5EA383
- 71AD90
- 83B79D
- 95C1AB
- A6CCB8
- B8D6C6
- CAE0D4
- DBEAE2
- EDF5F1
Sombras
- 3F8466
- 357056
- 2A5D47
- 204A38
- 173829
- 0E271C
- 06170F
- 020805
- 000101
Tons
- 529777
- 599478
- 5F9279
- 648F7A
- 6A8D7B
- 6F8A7C
- 73887D
- 78857E
- 7C837F
Harmonias de cor
Complementar +180°
- 4A9976
Smaragdine
- AF6F96
≈ Purple Starburst
Análoga -30° +30°
- 4A9976
Smaragdine
- 719356
≈ Piquant Green
- 2B9996
≈ Java
Tríade +120° +240°
- 4A9976
Smaragdine
- 7F7FBF
≈ Deep Periwinkle
- B77358
≈ Warm Copper
Complementar dividida +150° +210°
- 4A9976
Smaragdine
- 9B76B0
≈ English Lavender
- B96E77
≈ Rose Gold
Tétrade +90° +180° +270°
- 4A9976
Smaragdine
- 5C8ABF
≈ Danube
- AF6F96
≈ Purple Starburst
- AA7D41
≈ Kaolin
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.43:1 · APCA Lc 62
Ag
AASobre preto
WCAG 6.10:1 · APCA Lc 40
Melhor cor de texto: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Trechos de código
CSS
:root {
--smaragdine: #4a9976;
--smaragdine-rgb: 74 153 118;
--smaragdine-oklch: oklch(0.623 0.095 162.7);
}
.element {
color: var(--smaragdine);
background-color: hsl(153 35% 45%);
border-color: oklch(0.623 0.095 162.7);
}Tailwind CSS v4
@theme {
--color-smaragdine: #4a9976;
--color-smaragdine-50: #ddfeee;
--color-smaragdine-100: #ccf3e0;
--color-smaragdine-200: #afe2ca;
--color-smaragdine-300: #89c7ab;
--color-smaragdine-400: #66b08e;
--color-smaragdine-500: #3f9a73;
--color-smaragdine-600: #378262;
--color-smaragdine-700: #2c684e;
--color-smaragdine-800: #204c37;
--color-smaragdine-900: #153526;
--color-smaragdine-950: #062014;
}SCSS
$smaragdine: #4a9976;
$smaragdine-rgb: 74, 153, 118;
$smaragdine-light: mix(#fff, $smaragdine, 20%);
$smaragdine-dark: mix(#000, $smaragdine, 20%);
.element {
color: $smaragdine;
box-shadow: 0 0 0 2px rgba($smaragdine, 0.35);
}