Cor nomeada mais próxima · #00B665
#00B665
Cor nomeada mais próxima: Green Mana
#00B665 (rgb(0 182 101), hsl(153 100% 36%), oklch(0.681 0.172 154)) é mais próxima da cor nomeada Green Mana. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00B665
oklch(0.681 0.172 154)
Conversões de cor
- HEX
- #00b665
- RGB
- rgb(0 182 101)
- HSL
- hsl(153 100% 36%)
- HWB
- hwb(153 0% 29%)
- OKLCH
- oklch(0.681 0.172 154)
- OKLab
- oklab(0.681 -0.154 0.075)
- CIE Lab
- lab(65.22 -54.71 29.75)
- LCH
- lch(65.22 62.28 151.5)
- CMYK
- cmyk(100% 0% 45% 29%)
Tons claros · Sombras · Tons
Tons claros
- 3EBE74
- 5CC584
- 74CD93
- 8AD4A2
- 9FDCB1
- B3E3C1
- C6EAD0
- D9F1E0
- ECF8EF
Sombras
- 009E57
- 008649
- 006F3C
- 00592F
- 004422
- 003017
- 001D0C
- 000C03
- 000200
Tons
- 2DB168
- 40AC6C
- 4DA66F
- 58A172
- 619C74
- 699677
- 709179
- 768B7C
- 7B867E
Harmonias de cor
Complementar +180°
- 00B665
Green Mana
- D66BC4
≈ Pink Charge
Análoga -30° +30°
- 00B665
Green Mana
- 83A900
≈ Fresh Lawn
- 00B0A1
≈ Billiard
Tríade +120° +240°
- 00B665
Green Mana
- 7A8DFF
≈ Lavender Blue Shadow
- EF694C
≈ Entan Red
Complementar dividida +150° +210°
- 00B665
Green Mana
- B079ED
≈ Queer Purple
- EB638C
≈ Jellyfish Sting
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.66:1 · APCA Lc 51
Ag
AAASobre preto
WCAG 7.87:1 · APCA Lc 51
Melhor cor de texto: #000000
WCAG 7.87:1 (AAA) · APCA Lc 51
Contrast pairs
Trechos de código
CSS
:root {
--green-mana: #00b665;
--green-mana-rgb: 0 182 101;
--green-mana-oklch: oklch(0.681 0.172 154);
}
.element {
color: var(--green-mana);
background-color: hsl(153 100% 36%);
border-color: oklch(0.681 0.172 154);
}Tailwind CSS v4
@theme {
--color-green-mana: #00b665;
--color-green-mana-50: #ceffe1;
--color-green-mana-100: #b9fad0;
--color-green-mana-200: #95ebb6;
--color-green-mana-300: #63d192;
--color-green-mana-400: #2bbb6e;
--color-green-mana-500: #00a54c;
--color-green-mana-600: #008b41;
--color-green-mana-700: #007034;
--color-green-mana-800: #005222;
--color-green-mana-900: #003916;
--color-green-mana-950: #002307;
}SCSS
$green-mana: #00b665;
$green-mana-rgb: 0, 182, 101;
$green-mana-light: mix(#fff, $green-mana, 20%);
$green-mana-dark: mix(#000, $green-mana, 20%);
.element {
color: $green-mana;
box-shadow: 0 0 0 2px rgba($green-mana, 0.35);
}