Colore con nome · #AB8508
Chestnut Gold
Chestnut Gold è #AB8508: rgb(171 133 8), hsl(46 91% 35%), oklch(0.635 0.128 88). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Chestnut Gold color name →
#AB8508
oklch(0.635 0.128 88)
Conversioni di colore
- HEX
- #ab8508
- RGB
- rgb(171 133 8)
- HSL
- hsl(46 91% 35%)
- HWB
- hwb(46 3% 33%)
- OKLCH
- oklch(0.635 0.128 88)
- OKLab
- oklab(0.635 0.004 0.128)
- CIE Lab
- lab(57.93 7.73 61.08)
- LCH
- lch(57.93 61.57 82.8)
- CMYK
- cmyk(0% 22% 95% 33%)
Tinte · Ombre · Toni
Tinte
- B39136
- BC9D51
- C4A968
- CCB67E
- D5C294
- DDCEA9
- E5DABF
- EEE6D4
- F6F3E9
Ombre
- 947306
- 7E6104
- 685003
- 544002
- 403001
- 2D2101
- 1B1300
- 0B0600
- 010100
Toni
- A78526
- A28537
- 9E8444
- 9A844E
- 968458
- 918361
- 8D8269
- 898271
- 848179
Armonie di colore
Complementare +180°
- AB8508
Chestnut Gold
- 6986D8
≈ Tanzine
Analogo -30° +30°
- AB8508
Chestnut Gold
- C37530
≈ Orange Squash
- 84952D
≈ Chorus of Frogs
Triadico +120° +240°
- AB8508
Chestnut Gold
- 009DAD
≈ Lake Blue
- B46DB2
≈ Moonlight Melody
Complementare divisa +150° +210°
- AB8508
Chestnut Gold
- 2794CF
≈ Splish Splash
- 9578CE
≈ True V
Tetradico +90° +180° +270°
- AB8508
Chestnut Gold
- 00A18B
≈ Turquish
- 6986D8
≈ Tanzine
- C7678A
≈ Old Geranium
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.44:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.09:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--chestnut-gold: #ab8508;
--chestnut-gold-rgb: 171 133 8;
--chestnut-gold-oklch: oklch(0.635 0.128 88);
}
.element {
color: var(--chestnut-gold);
background-color: hsl(46 91% 35%);
border-color: oklch(0.635 0.128 88);
}Tailwind CSS v4
@theme {
--color-chestnut-gold: #ab8508;
--color-chestnut-gold-50: #fff4cc;
--color-chestnut-gold-100: #f8e7b8;
--color-chestnut-gold-200: #e9d295;
--color-chestnut-gold-300: #d1b567;
--color-chestnut-gold-400: #be9937;
--color-chestnut-gold-500: #a97f00;
--color-chestnut-gold-600: #8f6c00;
--color-chestnut-gold-700: #735600;
--color-chestnut-gold-800: #563e00;
--color-chestnut-gold-900: #3c2b00;
--color-chestnut-gold-950: #261800;
}SCSS
$chestnut-gold: #ab8508;
$chestnut-gold-rgb: 171, 133, 8;
$chestnut-gold-light: mix(#fff, $chestnut-gold, 20%);
$chestnut-gold-dark: mix(#000, $chestnut-gold, 20%);
.element {
color: $chestnut-gold;
box-shadow: 0 0 0 2px rgba($chestnut-gold, 0.35);
}