Nächste benannte Farbe · #588234
#588234
Nächste benannte Farbe: Master Chief
#588234 (rgb(88 130 52), hsl(92 43% 36%), oklch(0.558 0.118 132.7)) liegt am nächsten an der benannten Farbe Master Chief. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#588234
oklch(0.558 0.118 132.7)
Farbumrechnungen
- HEX
- #588234
- RGB
- rgb(88 130 52)
- HSL
- hsl(92 43% 36%)
- HWB
- hwb(92 20% 49%)
- OKLCH
- oklch(0.558 0.118 132.7)
- OKLab
- oklab(0.558 -0.08 0.086)
- CIE Lab
- lab(49.96 -25.67 36.47)
- LCH
- lch(49.96 44.6 125.1)
- CMYK
- cmyk(32% 0% 60% 49%)
Tints · Shades · Tones
Tints
- 688E49
- 789A5E
- 88A772
- 98B385
- A9C099
- BACCAD
- CBD9C1
- DCE5D6
- EDF2EA
Shades
- 4B702C
- 3F5F24
- 334E1C
- 283E15
- 1D2F0E
- 122007
- 091203
- 030601
- 000100
Tones
- 5C823E
- 608246
- 65824F
- 698256
- 6D825E
- 718265
- 74816C
- 788173
- 7C8079
Farbharmonien
Komplementär +180°
- 588234
Master Chief
- 8C5EA5
≈ Chive Blossom
Analog -30° +30°
- 588234
Master Chief
- 817600
≈ Tool Green
- 0E895F
≈ Absinthe Turquoise
Triadisch +120° +240°
- 588234
Master Chief
- 3C76B7
≈ Petrel
- AD5360
≈ Grenadine
Geteilt komplementär +150° +210°
- 588234
Master Chief
- 6B69B6
≈ Bluish Purple Anemone
- A25586
≈ Purple Zergling
Tetradisch +90° +180° +270°
- 588234
Master Chief
- 0080A0
≈ Best of Both Worlds
- 8C5EA5
≈ Chive Blossom
- AC5A37
≈ Monument Valley
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.65:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--master-chief: #588234;
--master-chief-rgb: 88 130 52;
--master-chief-oklch: oklch(0.558 0.118 132.7);
}
.element {
color: var(--master-chief);
background-color: hsl(92 43% 36%);
border-color: oklch(0.558 0.118 132.7);
}Tailwind CSS v4
@theme {
--color-master-chief: #588234;
--color-master-chief-50: #e7fddc;
--color-master-chief-100: #d8f1ca;
--color-master-chief-200: #bfe0ad;
--color-master-chief-300: #9ec588;
--color-master-chief-400: #83ad63;
--color-master-chief-500: #67963e;
--color-master-chief-600: #577f36;
--color-master-chief-700: #46662b;
--color-master-chief-800: #344a1c;
--color-master-chief-900: #233412;
--color-master-chief-950: #121f04;
}SCSS
$master-chief: #588234;
$master-chief-rgb: 88, 130, 52;
$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);
}