Colore con nome · #6E6A3B
Robinhood
Robinhood è #6E6A3B: rgb(110 106 59), hsl(55 30% 33%), oklch(0.516 0.067 104.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Robinhood color name →
#6E6A3B
oklch(0.516 0.067 104.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 7B784E
- 898661
- 979573
- A5A387
- B4B29A
- C2C1AE
- D1D0C1
- E0E0D6
- EFEFEA
Ombre
- 5F5B32
- 504D29
- 413F21
- 333119
- 262411
- 191809
- 0E0D04
- 040401
- 010000
Toni
- 706C43
- 716F4A
- 737151
- 757358
- 77755F
- 797765
- 7A7A6C
- 7C7C73
- 7E7E79
Armonie di colore
Complementare +180°
- 6E6A3B
Robinhood
- 63638D
≈ Twilight Purple
Analogo -30° +30°
- 6E6A3B
Robinhood
- 7F623B
≈ Autumn Gold
- 587149
≈ Climbing Ivy
Triadico +120° +240°
- 6E6A3B
Robinhood
- 387085
≈ Oceanic Metropolis
- 845871
≈ Merlin’s Cloak
Complementare divisa +150° +210°
- 6E6A3B
Robinhood
- 4D6A8E
≈ Wickford Bay
- 765C83
≈ Mystical Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.54:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.78:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
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);
}