Colore con nome · #B19D77
Ginger Tea
Ginger Tea è #B19D77: rgb(177 157 119), hsl(39 27% 58%), oklch(0.704 0.057 83.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ginger Tea color name →
#B19D77
oklch(0.704 0.057 83.3)
Conversioni di colore
- HEX
- #b19d77
- RGB
- rgb(177 157 119)
- HSL
- hsl(39 27% 58%)
- HWB
- hwb(39 47% 31%)
- OKLCH
- oklch(0.704 0.057 83.3)
- OKLab
- oklab(0.704 0.007 0.057)
- CIE Lab
- lab(65.8 3.37 22.78)
- LCH
- lch(65.8 23.03 81.6)
- CMYK
- cmyk(0% 11% 33% 31%)
Tinte · Ombre · Toni
Tinte
- B9A784
- C0B092
- C8BA9F
- D0C3AC
- D7CDBA
- DFD7C7
- E7E1D5
- EFEBE3
- F7F5F1
Ombre
- 998867
- 837357
- 6C5F47
- 574C38
- 423A2A
- 2F281C
- 1C1810
- 0C0905
- 010101
Toni
- AC9A78
- A79779
- A2947A
- 9D917B
- 988F7C
- 938C7D
- 8E897E
- 8A867F
- 85837F
Armonie di colore
Complementare +180°
- B19D77
Ginger Tea
- 8DA0C4
≈ Blue Heron
Analogo -30° +30°
- B19D77
Ginger Tea
- BD967F
≈ Spiced Brandy
- 9FA47B
≈ Dill Grass
Triadico +120° +240°
- B19D77
Ginger Tea
- 74ABB0
≈ Smoky Mountain Spring
- B294B5
≈ Roseville
Complementare divisa +150° +210°
- B19D77
Ginger Tea
- 7CA6BE
≈ Stormfang
- A199C1
≈ Majestic Violet
Tetradico +90° +180° +270°
- B19D77
Ginger Tea
- 7AAC9C
≈ Catnip
- 8DA0C4
≈ Blue Heron
- BD91A2
≈ Light Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.95:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.95:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--ginger-tea: #b19d77;
--ginger-tea-rgb: 177 157 119;
--ginger-tea-oklch: oklch(0.704 0.057 83.3);
}
.element {
color: var(--ginger-tea);
background-color: hsl(39 27% 58%);
border-color: oklch(0.704 0.057 83.3);
}Tailwind CSS v4
@theme {
--color-ginger-tea: #b19d77;
--color-ginger-tea-50: #fdf4e3;
--color-ginger-tea-100: #f1e7d3;
--color-ginger-tea-200: #dfd3b9;
--color-ginger-tea-300: #c5b697;
--color-ginger-tea-400: #af9c78;
--color-ginger-tea-500: #99835a;
--color-ginger-tea-600: #816f4d;
--color-ginger-tea-700: #67593d;
--color-ginger-tea-800: #4d412b;
--color-ginger-tea-900: #352c1d;
--color-ginger-tea-950: #20190d;
}SCSS
$ginger-tea: #b19d77;
$ginger-tea-rgb: 177, 157, 119;
$ginger-tea-light: mix(#fff, $ginger-tea, 20%);
$ginger-tea-dark: mix(#000, $ginger-tea, 20%);
.element {
color: $ginger-tea;
box-shadow: 0 0 0 2px rgba($ginger-tea, 0.35);
}