Colore con nome · #B98841
Golden Slumber
Golden Slumber è #B98841: rgb(185 136 65), hsl(36 48% 49%), oklch(0.661 0.106 74.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Golden Slumber color name →
#B98841
oklch(0.661 0.106 74.1)
Conversioni di colore
- HEX
- #b98841
- RGB
- rgb(185 136 65)
- HSL
- hsl(36 48% 49%)
- HWB
- hwb(36 25% 27%)
- OKLCH
- oklch(0.661 0.106 74.1)
- OKLab
- oklab(0.661 0.029 0.102)
- CIE Lab
- lab(60.57 13.91 44.82)
- LCH
- lch(60.57 46.92 72.8)
- CMYK
- cmyk(0% 26% 65% 27%)
Tinte · Ombre · Toni
Tinte
- C09456
- C7A06A
- CFAB7D
- D6B78F
- DDC3A2
- E4CFB4
- EADBC7
- F1E7D9
- F8F3EC
Ombre
- A07537
- 89632E
- 715225
- 5B411C
- 463113
- 31220B
- 1E1305
- 0D0601
- 020100
Toni
- B3884A
- AE8752
- A88659
- A3865F
- 9D8565
- 97846B
- 918371
- 8C8276
- 86817B
Armonie di colore
Complementare +180°
- B98841
Golden Slumber
- 6395D2
≈ Bashful Blue
Analogo -30° +30°
- B98841
Golden Slumber
- C97C5B
≈ Apricot Brown
- 9D9641
≈ Luau Green
Triadico +120° +240°
- B98841
Golden Slumber
- 22A6A6
≈ Royal Cloak
- AA7EC0
≈ Wisteria
Complementare divisa +150° +210°
- B98841
Golden Slumber
- 37A0C3
≈ Blue Raspberry Seed
- 8B89D1
≈ Brocade
Tetradico +90° +180° +270°
- B98841
Golden Slumber
- 49A781
≈ Shamrock Green
- 6395D2
≈ Bashful Blue
- C077A2
≈ Hollyhock Blossom Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.15:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.66:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-slumber: #b98841;
--golden-slumber-rgb: 185 136 65;
--golden-slumber-oklch: oklch(0.661 0.106 74.1);
}
.element {
color: var(--golden-slumber);
background-color: hsl(36 48% 49%);
border-color: oklch(0.661 0.106 74.1);
}Tailwind CSS v4
@theme {
--color-golden-slumber: #b98841;
--color-golden-slumber-50: #fff2d4;
--color-golden-slumber-100: #fde4c1;
--color-golden-slumber-200: #efcfa2;
--color-golden-slumber-300: #d7b079;
--color-golden-slumber-400: #c49553;
--color-golden-slumber-500: #b07a25;
--color-golden-slumber-600: #946822;
--color-golden-slumber-700: #77531b;
--color-golden-slumber-800: #593c12;
--color-golden-slumber-900: #3e290b;
--color-golden-slumber-950: #271701;
}SCSS
$golden-slumber: #b98841;
$golden-slumber-rgb: 185, 136, 65;
$golden-slumber-light: mix(#fff, $golden-slumber, 20%);
$golden-slumber-dark: mix(#000, $golden-slumber, 20%);
.element {
color: $golden-slumber;
box-shadow: 0 0 0 2px rgba($golden-slumber, 0.35);
}