Benannte Farbe · #5F6C3C
Globe Artichoke
Globe Artichoke ist #5F6C3C: rgb(95 108 60), hsl(76 29% 33%), oklch(0.508 0.072 121.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Globe Artichoke color name →
#5F6C3C
oklch(0.508 0.072 121.4)
Farbumrechnungen
- HEX
- #5f6c3c
- RGB
- rgb(95 108 60)
- HSL
- hsl(76 29% 33%)
- HWB
- hwb(76 24% 58%)
- OKLCH
- oklch(0.508 0.072 121.4)
- OKLab
- oklab(0.508 -0.037 0.061)
- CIE Lab
- lab(43.61 -11.46 25.06)
- LCH
- lch(43.61 27.55 114.6)
- CMYK
- cmyk(12% 0% 44% 58%)
Tints · Shades · Tones
Tints
- 6E7A4F
- 7C8861
- 8C9674
- 9BA487
- ABB39A
- BCC2AE
- CCD1C2
- DDE0D6
- EEEFEA
Shades
- 525D33
- 444E2A
- 384021
- 2C3219
- 202511
- 15190A
- 0A0D04
- 030401
- 000000
Tones
- 626E43
- 65704A
- 697251
- 6C7458
- 6F765F
- 727866
- 767A6C
- 797C73
- 7D7E79
Farbharmonien
Komplementär +180°
- 5F6C3C
Globe Artichoke
- 6D5C88
≈ Kimberly
Analog -30° +30°
- 5F6C3C
Globe Artichoke
- 756432
≈ Himalaya
- 457151
≈ Fairway
Triadisch +120° +240°
- 5F6C3C
Globe Artichoke
- 3E6B8B
≈ Rainy Lake
- 885463
≈ Berry Smoothie
Geteilt komplementär +150° +210°
- 5F6C3C
Globe Artichoke
- 57638F
≈ Breathtaking
- 7E5678
≈ Birthstone
Tetradisch +90° +180° +270°
- 5F6C3C
Globe Artichoke
- 2A707D
≈ King Tide
- 6D5C88
≈ Kimberly
- 8A564C
≈ Potter’s Rock
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.68:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.69:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--globe-artichoke: #5f6c3c;
--globe-artichoke-rgb: 95 108 60;
--globe-artichoke-oklch: oklch(0.508 0.072 121.4);
}
.element {
color: var(--globe-artichoke);
background-color: hsl(76 29% 33%);
border-color: oklch(0.508 0.072 121.4);
}Tailwind CSS v4
@theme {
--color-globe-artichoke: #5f6c3c;
--color-globe-artichoke-50: #f1f9e3;
--color-globe-artichoke-100: #e3ecd2;
--color-globe-artichoke-200: #cedab8;
--color-globe-artichoke-300: #b0be96;
--color-globe-artichoke-400: #98a576;
--color-globe-artichoke-500: #7f8e57;
--color-globe-artichoke-600: #6b784a;
--color-globe-artichoke-700: #56603b;
--color-globe-artichoke-800: #3f4629;
--color-globe-artichoke-900: #2c301c;
--color-globe-artichoke-950: #191d0c;
}SCSS
$globe-artichoke: #5f6c3c;
$globe-artichoke-rgb: 95, 108, 60;
$globe-artichoke-light: mix(#fff, $globe-artichoke, 20%);
$globe-artichoke-dark: mix(#000, $globe-artichoke, 20%);
.element {
color: $globe-artichoke;
box-shadow: 0 0 0 2px rgba($globe-artichoke, 0.35);
}