Cor nomeada · #11BB44
Charming Nature
Charming Nature é #11BB44: rgb(17 187 68), hsl(138 83% 40%), oklch(0.691 0.204 146.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Charming Nature color name →
#11BB44
oklch(0.691 0.204 146.6)
Conversões de cor
- HEX
- #11bb44
- RGB
- rgb(17 187 68)
- HSL
- hsl(138 83% 40%)
- HWB
- hwb(138 7% 27%)
- OKLCH
- oklch(0.691 0.204 146.6)
- OKLab
- oklab(0.691 -0.17 0.112)
- CIE Lab
- lab(66.6 -59.01 46.99)
- LCH
- lch(66.6 75.44 141.5)
- CMYK
- cmyk(91% 0% 64% 27%)
Tons claros · Sombras · Tons
Tons claros
- 42C25A
- 5FCA6E
- 76D181
- 8CD893
- A0DFA5
- B4E5B7
- C7ECC9
- DAF3DB
- ECF9ED
Sombras
- 0DA23A
- 098A30
- 067326
- 045C1D
- 024614
- 01320C
- 001F05
- 000D02
- 000200
Tons
- 31B54D
- 43B055
- 4FAA5C
- 5AA462
- 629F68
- 6A996E
- 709373
- 768D77
- 7B867C
Harmonias de cor
Complementar +180°
- 11BB44
Charming Nature
- DA65DD
≈ Free Speech Magenta
Análoga -30° +30°
- 11BB44
Charming Nature
- 96A700
≈ Augustus Asparagus
- 00B59A
≈ Aloha
Tríade +120° +240°
- 11BB44
Charming Nature
- 6E96FF
≈ Blue Chaos
- FF5D55
≈ Sunset Orange
Complementar dividida +150° +210°
- 11BB44
Charming Nature
- A97EFF
≈ Purple Illusionist
- F7589E
≈ Oleander Pink
Tétrade +90° +180° +270°
- 11BB44
Charming Nature
- 00A7EC
≈ Vivid Cerulean
- DA65DD
≈ Free Speech Magenta
- E77B00
≈ First of Fall
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.55:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.21:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.21:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--charming-nature: #11bb44;
--charming-nature-rgb: 17 187 68;
--charming-nature-oklch: oklch(0.691 0.204 146.6);
}
.element {
color: var(--charming-nature);
background-color: hsl(138 83% 40%);
border-color: oklch(0.691 0.204 146.6);
}Tailwind CSS v4
@theme {
--color-charming-nature: #11bb44;
--color-charming-nature-50: #ceffd5;
--color-charming-nature-100: #b9fbc2;
--color-charming-nature-200: #94eca3;
--color-charming-nature-300: #61d37a;
--color-charming-nature-400: #2cbd4d;
--color-charming-nature-500: #00a615;
--color-charming-nature-600: #008d17;
--color-charming-nature-700: #007113;
--color-charming-nature-800: #005304;
--color-charming-nature-900: #003a03;
--color-charming-nature-950: #002400;
}SCSS
$charming-nature: #11bb44;
$charming-nature-rgb: 17, 187, 68;
$charming-nature-light: mix(#fff, $charming-nature, 20%);
$charming-nature-dark: mix(#000, $charming-nature, 20%);
.element {
color: $charming-nature;
box-shadow: 0 0 0 2px rgba($charming-nature, 0.35);
}