Color con nombre más cercano · #588009
#588009
Color con nombre más cercano: Avocado
#588009 (rgb(88 128 9), hsl(80 87% 27%), oklch(0.549 0.141 128.5)) se parece más al color con nombre Avocado. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#588009
oklch(0.549 0.141 128.5)
Conversiones de color
- HEX
- #588009
- RGB
- rgb(88 128 9)
- HSL
- hsl(80 87% 27%)
- HWB
- hwb(80 4% 50%)
- OKLCH
- oklch(0.549 0.141 128.5)
- OKLab
- oklab(0.549 -0.088 0.111)
- CIE Lab
- lab(49.08 -26.76 50.48)
- LCH
- lch(49.08 57.13 117.9)
- CMYK
- cmyk(31% 0% 93% 50%)
Tintes · Sombras · Tonos
Tintes
- 678D31
- 77994B
- 87A662
- 98B279
- A8BF8F
- B9CCA5
- CAD8BB
- DCE5D2
- EDF2E8
Sombras
- 4B6E07
- 3F5D05
- 334D03
- 283D02
- 1D2E01
- 121F01
- 091200
- 030600
- 000100
Tonos
- 5C8023
- 608132
- 64813F
- 688149
- 6C8154
- 70815D
- 748166
- 78816F
- 7C8078
Armonías de color
Complementario +180°
- 588009
Avocado
- 8957B0
≈ Lusty Lavender
Análogo -30° +30°
- 588009
Avocado
- 837100
≈ Sunlit Kelp Green
- 008754
≈ Pixel Nature
Triádico +120° +240°
- 588009
Avocado
- 1575BF
≈ Ocean Boat Blue
- B34761
≈ Dark Rose
Complementario dividido +150° +210°
- 588009
Avocado
- 6165C2
≈ Bluish Purple Anemone
- A44C8D
≈ La la Lavender
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.65:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.50:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--avocado: #588009;
--avocado-rgb: 88 128 9;
--avocado-oklch: oklch(0.549 0.141 128.5);
}
.element {
color: var(--avocado);
background-color: hsl(80 87% 27%);
border-color: oklch(0.549 0.141 128.5);
}Tailwind CSS v4
@theme {
--color-avocado: #588009;
--color-avocado-50: #e8fed4;
--color-avocado-100: #d8f2c1;
--color-avocado-200: #c0e1a1;
--color-avocado-300: #9fc678;
--color-avocado-400: #85ae4d;
--color-avocado-500: #699717;
--color-avocado-600: #598018;
--color-avocado-700: #476613;
--color-avocado-800: #364b07;
--color-avocado-900: #253405;
--color-avocado-950: #131f00;
}SCSS
$avocado: #588009;
$avocado-rgb: 88, 128, 9;
$avocado-light: mix(#fff, $avocado, 20%);
$avocado-dark: mix(#000, $avocado, 20%);
.element {
color: $avocado;
box-shadow: 0 0 0 2px rgba($avocado, 0.35);
}