Nazwany kolor · #B8996B
Golden Granola
Golden Granola to #B8996B: rgb(184 153 107), hsl(36 35% 57%), oklch(0.7 0.072 77). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Golden Granola color name →
#B8996B
oklch(0.7 0.072 77)
Konwersje koloru
- HEX
- #b8996b
- RGB
- rgb(184 153 107)
- HSL
- hsl(36 35% 57%)
- HWB
- hwb(36 42% 28%)
- OKLCH
- oklch(0.7 0.072 77)
- OKLab
- oklab(0.7 0.016 0.07)
- CIE Lab
- lab(65.27 7.28 28.72)
- LCH
- lch(65.27 29.63 75.8)
- CMYK
- cmyk(0% 17% 42% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BFA37A
- C6AD88
- CDB797
- D4C1A5
- DBCBB4
- E2D6C3
- EAE0D2
- F1EAE1
- F8F5F0
Odcienie ciemniejsze
- A0845C
- 88704E
- 715D3F
- 5B4A32
- 453825
- 312718
- 1E170D
- 0C0804
- 020100
Tony
- B2976E
- AD9470
- A79273
- A18F75
- 9C8D77
- 968A79
- 91887B
- 8B857D
- 86837E
Harmonie kolorów
Komplementarna +180°
- B8996B
Golden Granola
- 82A0CB
≈ Caribbean Sky
Analogowa -30° +30°
- B8996B
Golden Granola
- C59178
≈ African Bubinga
- A3A26D
≈ Willow Leaf
Triada +120° +240°
- B8996B
Golden Granola
- 65ADAE
≈ Fountain Blue
- B191BD
≈ Lavender Earl
Komplementarna rozszczepiona +150° +210°
- B8996B
Golden Granola
- 6CA8C1
≈ Moonstone Blue
- 9B98CA
≈ Bluebell Frost
Tetrada +90° +180° +270°
- B8996B
Golden Granola
- 71AD95
≈ Dusty Jade Green
- 82A0CB
≈ Caribbean Sky
- C18DA7
≈ Winsome Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.68:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.80:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-granola: #b8996b;
--golden-granola-rgb: 184 153 107;
--golden-granola-oklch: oklch(0.7 0.072 77);
}
.element {
color: var(--golden-granola);
background-color: hsl(36 35% 57%);
border-color: oklch(0.7 0.072 77);
}Tailwind CSS v4
@theme {
--color-golden-granola: #b8996b;
--color-golden-granola-50: #fff3df;
--color-golden-granola-100: #f5e6ce;
--color-golden-granola-200: #e5d1b2;
--color-golden-granola-300: #ccb48e;
--color-golden-granola-400: #b7996e;
--color-golden-granola-500: #a1804d;
--color-golden-granola-600: #886c42;
--color-golden-granola-700: #6d5735;
--color-golden-granola-800: #513f25;
--color-golden-granola-900: #382b19;
--color-golden-granola-950: #231809;
}SCSS
$golden-granola: #b8996b;
$golden-granola-rgb: 184, 153, 107;
$golden-granola-light: mix(#fff, $golden-granola, 20%);
$golden-granola-dark: mix(#000, $golden-granola, 20%);
.element {
color: $golden-granola;
box-shadow: 0 0 0 2px rgba($golden-granola, 0.35);
}