Nearest named color · #5A822D
#5A822D
Nearest named color: Master Chief
#5A822D (rgb(90 130 45), hsl(88 49% 34%), oklch(0.558 0.123 130.9)) is closest to the named color Master Chief. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5A822D
oklch(0.558 0.123 130.9)
Color conversions
- HEX
- #5a822d
- RGB
- rgb(90 130 45)
- HSL
- hsl(88 49% 34%)
- HWB
- hwb(88 18% 49%)
- OKLCH
- oklch(0.558 0.123 130.9)
- OKLab
- oklab(0.558 -0.08 0.093)
- CIE Lab
- lab(50.02 -25.39 39.81)
- LCH
- lch(50.02 47.22 122.5)
- CMYK
- cmyk(31% 0% 65% 49%)
Tints · Shades · Tones
Tints
- 698E44
- 799A5A
- 89A76E
- 99B382
- AAC097
- BACCAB
- CBD9C0
- DCE5D5
- EDF2EA
Shades
- 4D7026
- 415F1F
- 354E18
- 293E11
- 1E2F0B
- 132006
- 091202
- 030601
- 000100
Tones
- 5E8238
- 628242
- 66824B
- 6A8253
- 6D825B
- 718263
- 75816B
- 798172
- 7C8179
Color harmonies
Complementary +180°
- 5A822D
Master Chief
- 8B5DA9
≈ Lusty Lavender
Analogous -30° +30°
- 5A822D
Master Chief
- 837500
≈ Soft Fig
- 08895C
≈ Vital Green
Triadic +120° +240°
- 5A822D
Master Chief
- 3577B9
≈ North Atlantic Breeze
- AF5262
≈ Kissed by a Zombies
Split-complementary +150° +210°
- 5A822D
Master Chief
- 6869BA
≈ Bluish Purple Anemone
- A35489
≈ Purple Zergling
Tetradic +90° +180° +270°
- 5A822D
Master Chief
- 00819E
≈ Decore Splash
- 8B5DA9
≈ Lusty Lavender
- AF5837
≈ Brown Rust
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.66:1 · APCA Lc 31
Best text color: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--master-chief: #5a822d;
--master-chief-rgb: 90 130 45;
--master-chief-oklch: oklch(0.558 0.123 130.9);
}
.element {
color: var(--master-chief);
background-color: hsl(88 49% 34%);
border-color: oklch(0.558 0.123 130.9);
}Tailwind CSS v4
@theme {
--color-master-chief: #5a822d;
--color-master-chief-50: #e8fdda;
--color-master-chief-100: #d8f1c8;
--color-master-chief-200: #c0e0aa;
--color-master-chief-300: #9fc584;
--color-master-chief-400: #85ad5d;
--color-master-chief-500: #699636;
--color-master-chief-600: #597f30;
--color-master-chief-700: #476626;
--color-master-chief-800: #354a18;
--color-master-chief-900: #24340f;
--color-master-chief-950: #131f03;
}SCSS
$master-chief: #5a822d;
$master-chief-rgb: 90, 130, 45;
$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);
}