Cor nomeada · #359E6B
Bulma Hair
Bulma Hair é #359E6B: rgb(53 158 107), hsl(151 50% 41%), oklch(0.626 0.124 158.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Bulma Hair color name →
#359E6B
oklch(0.626 0.124 158.3)
Conversões de cor
- HEX
- #359e6b
- RGB
- rgb(53 158 107)
- HSL
- hsl(151 50% 41%)
- HWB
- hwb(151 21% 38%)
- OKLCH
- oklch(0.626 0.124 158.3)
- OKLab
- oklab(0.626 -0.115 0.046)
- CIE Lab
- lab(58.22 -40.53 17.59)
- LCH
- lch(58.22 44.18 156.5)
- CMYK
- cmyk(66% 0% 32% 38%)
Tons claros · Sombras · Tons
Tons claros
- 4FA879
- 65B187
- 7ABB96
- 8EC5A4
- A1CFB3
- B4D8C2
- C7E2D1
- D9ECE0
- ECF5EF
Sombras
- 2D895C
- 25744E
- 1D603F
- 154D32
- 0E3A25
- 082918
- 03180D
- 010904
- 000100
Tons
- 429B6D
- 4C9870
- 559672
- 5D9374
- 649076
- 6A8D78
- 708A7A
- 76867C
- 7B837E
Harmonias de cor
Complementar +180°
- 359E6B
Bulma Hair
- B769A1
≈ Pearly Purple
Análoga -30° +30°
- 359E6B
Bulma Hair
- 72963E
≈ Lattice Green
- 009D94
≈ Caribbean Turquoise
Tríade +120° +240°
- 359E6B
Bulma Hair
- 777FD1
≈ Tanzine
- C66B4E
≈ Tile Red
Complementar dividida +150° +210°
- 359E6B
Bulma Hair
- 9D72C1
≈ Viola
- C66579
≈ Cherry Fruit
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.35:1 · APCA Lc 61
Ag
AASobre preto
WCAG 6.25:1 · APCA Lc 41
Melhor cor de texto: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
Trechos de código
CSS
:root {
--bulma-hair: #359e6b;
--bulma-hair-rgb: 53 158 107;
--bulma-hair-oklch: oklch(0.626 0.124 158.3);
}
.element {
color: var(--bulma-hair);
background-color: hsl(151 50% 41%);
border-color: oklch(0.626 0.124 158.3);
}Tailwind CSS v4
@theme {
--color-bulma-hair: #359e6b;
--color-bulma-hair-50: #d8ffe9;
--color-bulma-hair-100: #c5f5da;
--color-bulma-hair-200: #a6e5c2;
--color-bulma-hair-300: #7ccba2;
--color-bulma-hair-400: #56b483;
--color-bulma-hair-500: #1e9e66;
--color-bulma-hair-600: #1e8657;
--color-bulma-hair-700: #196b45;
--color-bulma-hair-800: #134f30;
--color-bulma-hair-900: #0c3720;
--color-bulma-hair-950: #002210;
}SCSS
$bulma-hair: #359e6b;
$bulma-hair-rgb: 53, 158, 107;
$bulma-hair-light: mix(#fff, $bulma-hair, 20%);
$bulma-hair-dark: mix(#000, $bulma-hair, 20%);
.element {
color: $bulma-hair;
box-shadow: 0 0 0 2px rgba($bulma-hair, 0.35);
}