Cor nomeada · #20B562
Future Hair
Future Hair é #20B562: rgb(32 181 98), hsl(147 70% 42%), oklch(0.681 0.169 152.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Future Hair color name →
#20B562
oklch(0.681 0.169 152.4)
Conversões de cor
- HEX
- #20b562
- RGB
- rgb(32 181 98)
- HSL
- hsl(147 70% 42%)
- HWB
- hwb(147 13% 29%)
- OKLCH
- oklch(0.681 0.169 152.4)
- OKLab
- oklab(0.681 -0.15 0.078)
- CIE Lab
- lab(65.11 -52.79 31.2)
- LCH
- lch(65.11 61.32 149.4)
- CMYK
- cmyk(82% 0% 46% 29%)
Tons claros · Sombras · Tons
Tons claros
- 47BD72
- 61C582
- 78CC91
- 8DD4A1
- A1DBB0
- B4E2C0
- C7EACF
- DAF1DF
- EDF8EF
Sombras
- 1A9D54
- 158647
- 0F6F3A
- 0A592D
- 064421
- 033016
- 011D0B
- 000C03
- 000200
Tons
- 37B066
- 46AB6A
- 52A66D
- 5BA170
- 639B73
- 6A9676
- 719179
- 768B7B
- 7B867E
Harmonias de cor
Complementar +180°
- 20B562
Future Hair
- D36CC6
≈ French Mauve
Análoga -30° +30°
- 20B562
Future Hair
- 87A700
≈ Fresh Lawn
- 00B09F
≈ Billiard
Tríade +120° +240°
- 20B562
Future Hair
- 768EFF
≈ Punch Out Glove
- EE6A51
≈ Entan Red
Complementar dividida +150° +210°
- 20B562
Future Hair
- AD7BEE
≈ Queer Purple
- E96490
≈ Love Letter
Tétrade +90° +180° +270°
- 20B562
Future Hair
- 00A1F3
≈ Button Blue
- D36CC6
≈ French Mauve
- DB7F00
≈ Orange Pepper
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.67:1 · APCA Lc 51
Ag
AAASobre preto
WCAG 7.84:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.84:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--future-hair: #20b562;
--future-hair-rgb: 32 181 98;
--future-hair-oklch: oklch(0.681 0.169 152.4);
}
.element {
color: var(--future-hair);
background-color: hsl(147 70% 42%);
border-color: oklch(0.681 0.169 152.4);
}Tailwind CSS v4
@theme {
--color-future-hair: #20b562;
--color-future-hair-50: #d0ffe0;
--color-future-hair-100: #bcf9cf;
--color-future-hair-200: #99eab4;
--color-future-hair-300: #69d190;
--color-future-hair-400: #38ba6b;
--color-future-hair-500: #00a449;
--color-future-hair-600: #008b3f;
--color-future-hair-700: #006f32;
--color-future-hair-800: #005220;
--color-future-hair-900: #003915;
--color-future-hair-950: #002306;
}SCSS
$future-hair: #20b562;
$future-hair-rgb: 32, 181, 98;
$future-hair-light: mix(#fff, $future-hair, 20%);
$future-hair-dark: mix(#000, $future-hair, 20%);
.element {
color: $future-hair;
box-shadow: 0 0 0 2px rgba($future-hair, 0.35);
}