Color con nombre más cercano · #588236
#588236
Color con nombre más cercano: Master Chief
#588236 (rgb(88 130 54), hsl(93 41% 36%), oklch(0.558 0.116 133.1)) se parece más al color con nombre Master Chief. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#588236
oklch(0.558 0.116 133.1)
Conversiones de color
- HEX
- #588236
- RGB
- rgb(88 130 54)
- HSL
- hsl(93 41% 36%)
- HWB
- hwb(93 21% 49%)
- OKLCH
- oklch(0.558 0.116 133.1)
- OKLab
- oklab(0.558 -0.079 0.085)
- CIE Lab
- lab(49.98 -25.52 35.52)
- LCH
- lch(49.98 43.74 125.7)
- CMYK
- cmyk(32% 0% 58% 49%)
Tintes · Sombras · Tonos
Tintes
- 688E4B
- 789A5F
- 88A773
- 98B386
- A9C09A
- BACCAE
- CBD9C2
- DCE5D6
- EDF2EA
Sombras
- 4B702E
- 3F5F25
- 334E1E
- 283E16
- 1D2F0F
- 122008
- 091203
- 030601
- 000100
Tonos
- 5C823F
- 608248
- 658250
- 698257
- 6D825E
- 718265
- 74816C
- 788173
- 7C8079
Armonías de color
Complementario +180°
- 588236
Master Chief
- 8C5EA4
≈ Chive Blossom
Análogo -30° +30°
- 588236
Master Chief
- 817605
≈ Tool Green
- 128960
≈ Absinthe Turquoise
Triádico +120° +240°
- 588236
Master Chief
- 3E76B6
≈ Petrel
- AD5460
≈ Grenadine
Complementario dividido +150° +210°
- 588236
Master Chief
- 6B69B5
≈ Mediaeval
- A25686
≈ Purple Zergling
Tetrádico +90° +180° +270°
- 588236
Master Chief
- 0080A0
≈ Best of Both Worlds
- 8C5EA4
≈ Chive Blossom
- AB5B38
≈ Monument Valley
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.66:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--master-chief: #588236;
--master-chief-rgb: 88 130 54;
--master-chief-oklch: oklch(0.558 0.116 133.1);
}
.element {
color: var(--master-chief);
background-color: hsl(93 41% 36%);
border-color: oklch(0.558 0.116 133.1);
}Tailwind CSS v4
@theme {
--color-master-chief: #588236;
--color-master-chief-50: #e7fddc;
--color-master-chief-100: #d8f1cb;
--color-master-chief-200: #bfe0ae;
--color-master-chief-300: #9ec589;
--color-master-chief-400: #83ad64;
--color-master-chief-500: #679641;
--color-master-chief-600: #577f38;
--color-master-chief-700: #46662c;
--color-master-chief-800: #344a1d;
--color-master-chief-900: #233413;
--color-master-chief-950: #121f05;
}SCSS
$master-chief: #588236;
$master-chief-rgb: 88, 130, 54;
$master-chief-light: mix(#fff, $master-chief, 20%);
$master-chief-dark: mix(#000, $master-chief, 20%);
.element {
color: $master-chief;
box-shadow: 0 0 0 2px rgba($master-chief, 0.35);
}