Benannte Farbe · #6E6A3B
Robinhood
Robinhood ist #6E6A3B: rgb(110 106 59), hsl(55 30% 33%), oklch(0.516 0.067 104.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Robinhood color name →
#6E6A3B
oklch(0.516 0.067 104.2)
Farbumrechnungen
- HEX
- #6e6a3b
- RGB
- rgb(110 106 59)
- HSL
- hsl(55 30% 33%)
- HWB
- hwb(55 23% 57%)
- OKLCH
- oklch(0.516 0.067 104.2)
- OKLab
- oklab(0.516 -0.016 0.065)
- CIE Lab
- lab(44.33 -3.81 26.85)
- LCH
- lch(44.33 27.12 98.1)
- CMYK
- cmyk(0% 4% 46% 57%)
Tints · Shades · Tones
Tints
- 7B784E
- 898661
- 979573
- A5A387
- B4B29A
- C2C1AE
- D1D0C1
- E0E0D6
- EFEFEA
Shades
- 5F5B32
- 504D29
- 413F21
- 333119
- 262411
- 191809
- 0E0D04
- 040401
- 010000
Tones
- 706C43
- 716F4A
- 737151
- 757358
- 77755F
- 797765
- 7A7A6C
- 7C7C73
- 7E7E79
Farbharmonien
Komplementär +180°
- 6E6A3B
Robinhood
- 63638D
≈ Twilight Purple
Analog -30° +30°
- 6E6A3B
Robinhood
- 7F623B
≈ Autumn Gold
- 587149
≈ Climbing Ivy
Triadisch +120° +240°
- 6E6A3B
Robinhood
- 387085
≈ Oceanic Metropolis
- 845871
≈ Merlin’s Cloak
Geteilt komplementär +150° +210°
- 6E6A3B
Robinhood
- 4D6A8E
≈ Wickford Bay
- 765C83
≈ Mystical Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.54:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.78:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--robinhood: #6e6a3b;
--robinhood-rgb: 110 106 59;
--robinhood-oklch: oklch(0.516 0.067 104.2);
}
.element {
color: var(--robinhood);
background-color: hsl(55 30% 33%);
border-color: oklch(0.516 0.067 104.2);
}Tailwind CSS v4
@theme {
--color-robinhood: #6e6a3b;
--color-robinhood-50: #f7f7e1;
--color-robinhood-100: #eaead1;
--color-robinhood-200: #d7d7b6;
--color-robinhood-300: #bbba93;
--color-robinhood-400: #a4a173;
--color-robinhood-500: #8d8953;
--color-robinhood-600: #777447;
--color-robinhood-700: #5f5d39;
--color-robinhood-800: #474328;
--color-robinhood-900: #312f1a;
--color-robinhood-950: #1d1b0b;
}SCSS
$robinhood: #6e6a3b;
$robinhood-rgb: 110, 106, 59;
$robinhood-light: mix(#fff, $robinhood, 20%);
$robinhood-dark: mix(#000, $robinhood, 20%);
.element {
color: $robinhood;
box-shadow: 0 0 0 2px rgba($robinhood, 0.35);
}