Colore con nome · #9D723E
Favourite Ale
Favourite Ale è #9D723E: rgb(157 114 62), hsl(33 43% 43%), oklch(0.584 0.088 69.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Favourite Ale color name →
#9D723E
oklch(0.584 0.088 69.9)
Conversioni di colore
- HEX
- #9d723e
- RGB
- rgb(157 114 62)
- HSL
- hsl(33 43% 43%)
- HWB
- hwb(33 24% 38%)
- OKLCH
- oklch(0.584 0.088 69.9)
- OKLab
- oklab(0.584 0.03 0.082)
- CIE Lab
- lab(51.67 13.23 35.38)
- LCH
- lch(51.67 37.77 69.5)
- CMYK
- cmyk(0% 27% 61% 38%)
Tinte · Ombre · Toni
Tinte
- A78052
- B18D65
- BA9B78
- C4A98A
- CEB79D
- D8C5B1
- E2D3C4
- EBE2D7
- F5F0EB
Ombre
- 886235
- 73532B
- 5F4423
- 4C361A
- 3A2812
- 281B0A
- 180E04
- 090401
- 010100
Toni
- 9A7446
- 98754D
- 957755
- 92785B
- 8F7A62
- 8C7B68
- 897C6E
- 867E74
- 837F7A
Armonie di colore
Complementare +180°
- 9D723E
Favourite Ale
- 527FAE
≈ Azul Pavo Real
Analogo -30° +30°
- 9D723E
Favourite Ale
- A86953
≈ Mojave Sunset
- 887D3B
≈ Koke Moss
Triadico +120° +240°
- 9D723E
Favourite Ale
- 2C8C87
≈ Taos Turquoise
- 8C6DA3
≈ Babiana
Complementare divisa +150° +210°
- 9D723E
Favourite Ale
- 32889F
≈ Waikiki
- 7176AF
≈ Regal Azure
Tetradico +90° +180° +270°
- 9D723E
Favourite Ale
- 488C69
≈ Mallard Green
- 527FAE
≈ Azul Pavo Real
- 9E678C
≈ Berry Pretty
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.27:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.91:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.91:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--favourite-ale: #9d723e;
--favourite-ale-rgb: 157 114 62;
--favourite-ale-oklch: oklch(0.584 0.088 69.9);
}
.element {
color: var(--favourite-ale);
background-color: hsl(33 43% 43%);
border-color: oklch(0.584 0.088 69.9);
}Tailwind CSS v4
@theme {
--color-favourite-ale: #9d723e;
--color-favourite-ale-50: #fff2db;
--color-favourite-ale-100: #fbe4c9;
--color-favourite-ale-200: #eccfac;
--color-favourite-ale-300: #d4b186;
--color-favourite-ale-400: #c09564;
--color-favourite-ale-500: #ab7b41;
--color-favourite-ale-600: #916938;
--color-favourite-ale-700: #74542c;
--color-favourite-ale-800: #563c1f;
--color-favourite-ale-900: #3c2914;
--color-favourite-ale-950: #261706;
}SCSS
$favourite-ale: #9d723e;
$favourite-ale-rgb: 157, 114, 62;
$favourite-ale-light: mix(#fff, $favourite-ale, 20%);
$favourite-ale-dark: mix(#000, $favourite-ale, 20%);
.element {
color: $favourite-ale;
box-shadow: 0 0 0 2px rgba($favourite-ale, 0.35);
}