Colore con nome · #C9A367
Classic Gold
Classic Gold è #C9A367: rgb(201 163 103), hsl(37 48% 60%), oklch(0.737 0.09 78.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Classic Gold color name →
#C9A367
oklch(0.737 0.09 78.1)
Conversioni di colore
- HEX
- #c9a367
- RGB
- rgb(201 163 103)
- HSL
- hsl(37 48% 60%)
- HWB
- hwb(37 40% 21%)
- OKLCH
- oklch(0.737 0.09 78.1)
- OKLab
- oklab(0.737 0.019 0.088)
- CIE Lab
- lab(69.52 8.92 36.59)
- LCH
- lch(69.52 37.66 76.3)
- CMYK
- cmyk(0% 19% 49% 21%)
Tinte · Ombre · Toni
Tinte
- CFAC77
- D4B586
- D9BE95
- DFC8A4
- E4D1B3
- EADAC2
- EFE3D1
- F4ECE1
- FAF6F0
Ombre
- AE8D59
- 95784B
- 7C633D
- 644F30
- 4C3C23
- 362A17
- 22190C
- 0F0A04
- 020100
Toni
- C2A06B
- BA9C6E
- B39971
- AB9574
- A49276
- 9D8E78
- 968B7B
- 8E877C
- 87847E
Armonie di colore
Complementare +180°
- C9A367
Classic Gold
- 87ACE2
≈ Queer Blue
Analogo -30° +30°
- C9A367
Classic Gold
- D99978
≈ Peach Bloom
- AFAE6A
≈ Rodham
Triadico +120° +240°
- C9A367
Classic Gold
- 5CBBBE
≈ Pharaoh’s Seas
- C298CF
≈ Amethyst Show
Complementare divisa +150° +210°
- C9A367
Classic Gold
- 69B5D6
≈ Riviera Blue
- A7A1E0
≈ Simply Violet
Tetradico +90° +180° +270°
- C9A367
Classic Gold
- 6DBC9F
≈ Mint Cold Green
- 87ACE2
≈ Queer Blue
- D593B4
≈ Moonlit Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.91:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--classic-gold: #c9a367;
--classic-gold-rgb: 201 163 103;
--classic-gold-oklch: oklch(0.737 0.09 78.1);
}
.element {
color: var(--classic-gold);
background-color: hsl(37 48% 60%);
border-color: oklch(0.737 0.09 78.1);
}Tailwind CSS v4
@theme {
--color-classic-gold: #c9a367;
--color-classic-gold-50: #fff3d9;
--color-classic-gold-100: #f8e5c7;
--color-classic-gold-200: #e9d1a9;
--color-classic-gold-300: #d0b383;
--color-classic-gold-400: #bc9860;
--color-classic-gold-500: #a77e3a;
--color-classic-gold-600: #8d6b33;
--color-classic-gold-700: #715628;
--color-classic-gold-800: #543e1c;
--color-classic-gold-900: #3b2b12;
--color-classic-gold-950: #251805;
}SCSS
$classic-gold: #c9a367;
$classic-gold-rgb: 201, 163, 103;
$classic-gold-light: mix(#fff, $classic-gold, 20%);
$classic-gold-dark: mix(#000, $classic-gold, 20%);
.element {
color: $classic-gold;
box-shadow: 0 0 0 2px rgba($classic-gold, 0.35);
}