Color con nombre · #22BB55
Vegan Mastermind
Vegan Mastermind es #22BB55: rgb(34 187 85), hsl(140 69% 43%), oklch(0.695 0.188 148.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Vegan Mastermind color name →
#22BB55
oklch(0.695 0.188 148.7)
Conversiones de color
- HEX
- #22bb55
- RGB
- rgb(34 187 85)
- HSL
- hsl(140 69% 43%)
- HWB
- hwb(140 13% 27%)
- OKLCH
- oklch(0.695 0.188 148.7)
- OKLab
- oklab(0.695 -0.16 0.097)
- CIE Lab
- lab(66.92 -55.96 39.78)
- LCH
- lch(66.92 68.66 144.6)
- CMYK
- cmyk(82% 0% 55% 27%)
Tintes · Sombras · Tonos
Tintes
- 48C267
- 63CA79
- 7AD18A
- 8ED89B
- A2DEAB
- B5E5BC
- C8ECCD
- DBF2DD
- EDF9EE
Sombras
- 1CA249
- 168A3D
- 117331
- 0B5C26
- 07461C
- 033211
- 011F08
- 000D02
- 000200
Tonos
- 39B55B
- 48B060
- 53AA65
- 5DA46A
- 649E6E
- 6B9872
- 719376
- 778C7A
- 7C867D
Armonías de color
Complementario +180°
- 22BB55
Vegan Mastermind
- D96BD5
≈ Pink Orchid
Análogo -30° +30°
- 22BB55
Vegan Mastermind
- 93AA00
≈ Augustus Asparagus
- 00B69E
≈ Aare River
Triádico +120° +240°
- 22BB55
Vegan Mastermind
- 7496FF
≈ Blue Chaos
- FC6555
≈ Rose Fusion
Complementario dividido +150° +210°
- 22BB55
Vegan Mastermind
- AE7DFF
≈ Purple Illusionist
- F4619B
≈ Medium Pink
Tetrádico +90° +180° +270°
- 22BB55
Vegan Mastermind
- 00A8F2
≈ Vivid Cerulean
- D96BD5
≈ Pink Orchid
- E67E00
≈ Bright Marigold
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.52:1 · APCA Lc 49
Ag
AAASobre negro
WCAG 8.30:1 · APCA Lc 53
Mejor color de texto: #000000
WCAG 8.30:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmentos de código
CSS
:root {
--vegan-mastermind: #22bb55;
--vegan-mastermind-rgb: 34 187 85;
--vegan-mastermind-oklch: oklch(0.695 0.188 148.7);
}
.element {
color: var(--vegan-mastermind);
background-color: hsl(140 69% 43%);
border-color: oklch(0.695 0.188 148.7);
}Tailwind CSS v4
@theme {
--color-vegan-mastermind: #22bb55;
--color-vegan-mastermind-50: #cfffda;
--color-vegan-mastermind-100: #bafac8;
--color-vegan-mastermind-200: #97ebab;
--color-vegan-mastermind-300: #66d284;
--color-vegan-mastermind-400: #34bb5b;
--color-vegan-mastermind-500: #00a532;
--color-vegan-mastermind-600: #008c2c;
--color-vegan-mastermind-700: #007023;
--color-vegan-mastermind-800: #005213;
--color-vegan-mastermind-900: #00390c;
--color-vegan-mastermind-950: #002301;
}SCSS
$vegan-mastermind: #22bb55;
$vegan-mastermind-rgb: 34, 187, 85;
$vegan-mastermind-light: mix(#fff, $vegan-mastermind, 20%);
$vegan-mastermind-dark: mix(#000, $vegan-mastermind, 20%);
.element {
color: $vegan-mastermind;
box-shadow: 0 0 0 2px rgba($vegan-mastermind, 0.35);
}