Color con nombre · #55FFAA
Hanuman Green
Hanuman Green es #55FFAA: rgb(85 255 170), hsl(150 100% 67%), oklch(0.892 0.183 157.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Hanuman Green color name →
#55FFAA
oklch(0.892 0.183 157.2)
Conversiones de color
- HEX
- #55ffaa
- RGB
- rgb(85 255 170)
- HSL
- hsl(150 100% 67%)
- HWB
- hwb(150 33% 0%)
- OKLCH
- oklch(0.892 0.183 157.2)
- OKLab
- oklab(0.892 -0.169 0.071)
- CIE Lab
- lab(89.93 -59.7 27.46)
- LCH
- lch(89.93 65.71 155.3)
- CMYK
- cmyk(67% 0% 33% 0%)
Tintes · Sombras · Tonos
Tintes
- 70FFB3
- 86FFBB
- 99FFC4
- AAFFCD
- BAFFD5
- C9FFDE
- D7FFE6
- E5FFEE
- F2FFF7
Sombras
- 49DE93
- 3DBE7D
- 319E68
- 268053
- 1C633F
- 11482D
- 082E1B
- 02160B
- 000301
Tonos
- 61F2A6
- 6AE5A2
- 71D89E
- 76CB9A
- 7ABF96
- 7DB292
- 7FA58D
- 809989
- 808C84
Armonías de color
Complementario +180°
- 55FFAA
Hanuman Green
- FFC8EF
≈ Rosy Maple Moth
Análogo -30° +30°
- 55FFAA
Hanuman Green
- BAF15F
≈ Green Cow
- 00FCED
≈ Bright Aqua
Triádico +120° +240°
- 55FFAA
Hanuman Green
- D2D9FF
≈ Icy Plains
- FFCFC1
≈ Salmon Mousse
Complementario dividido +150° +210°
- 55FFAA
Hanuman Green
- E7D0FF
≈ Rose Dragée
- FFCCD5
≈ Sweet Sixteen
Tetrádico +90° +180° +270°
- 55FFAA
Hanuman Green
- BFE0FF
≈ Dithered Sky
- FFC8EF
≈ Rosy Maple Moth
- FFD2A5
≈ Affinity
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.29:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.27:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.27:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--hanuman-green: #55ffaa;
--hanuman-green-rgb: 85 255 170;
--hanuman-green-oklch: oklch(0.892 0.183 157.2);
}
.element {
color: var(--hanuman-green);
background-color: hsl(150 100% 67%);
border-color: oklch(0.892 0.183 157.2);
}Tailwind CSS v4
@theme {
--color-hanuman-green: #55ffaa;
--color-hanuman-green-50: #c9ffe3;
--color-hanuman-green-100: #b2fbd2;
--color-hanuman-green-200: #8becb8;
--color-hanuman-green-300: #51d395;
--color-hanuman-green-400: #00bd71;
--color-hanuman-green-500: #00a751;
--color-hanuman-green-600: #008d45;
--color-hanuman-green-700: #007137;
--color-hanuman-green-800: #005324;
--color-hanuman-green-900: #003a18;
--color-hanuman-green-950: #002408;
}SCSS
$hanuman-green: #55ffaa;
$hanuman-green-rgb: 85, 255, 170;
$hanuman-green-light: mix(#fff, $hanuman-green, 20%);
$hanuman-green-dark: mix(#000, $hanuman-green, 20%);
.element {
color: $hanuman-green;
box-shadow: 0 0 0 2px rgba($hanuman-green, 0.35);
}