Colore con nome · #C49832
Crispy Gold
Crispy Gold è #C49832: rgb(196 152 50), hsl(42 59% 48%), oklch(0.703 0.126 84.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Crispy Gold color name →
#C49832
oklch(0.703 0.126 84.3)
Conversioni di colore
- HEX
- #c49832
- RGB
- rgb(196 152 50)
- HSL
- hsl(42 59% 48%)
- HWB
- hwb(42 20% 23%)
- OKLCH
- oklch(0.703 0.126 84.3)
- OKLab
- oklab(0.703 0.012 0.126)
- CIE Lab
- lab(65.74 9.77 57.01)
- LCH
- lch(65.74 57.84 80.3)
- CMYK
- cmyk(0% 22% 74% 23%)
Tinte · Ombre · Toni
Tinte
- CAA24D
- D0AD63
- D6B778
- DCC18C
- E2CCA0
- E8D6B3
- EEE0C6
- F3EAD9
- F9F5EC
Ombre
- AA842A
- 917022
- 785C1B
- 614A14
- 4A380D
- 352707
- 211703
- 0E0801
- 020100
Toni
- BD963F
- B6944A
- AF9253
- A98F5C
- A28D63
- 9B8A69
- 948870
- 8D8575
- 87837B
Armonie di colore
Complementare +180°
- C49832
Crispy Gold
- 779DEE
≈ Feather Star
Analogo -30° +30°
- C49832
Crispy Gold
- DB884D
≈ Toffee Cream
- 9EA842
≈ Ogryn Camo
Triadico +120° +240°
- C49832
Crispy Gold
- 00B4C2
≈ Lago Blue
- C683CB
≈ Purception
Complementare divisa +150° +210°
- C49832
Crispy Gold
- 3CABE2
≈ Thalassophile
- A48FE6
≈ Middy’s Purple
Tetradico +90° +180° +270°
- C49832
Crispy Gold
- 24B99A
≈ Aare River
- 779DEE
≈ Feather Star
- DC7CA4
≈ Pinking. Fast and Slow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.88:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--crispy-gold: #c49832;
--crispy-gold-rgb: 196 152 50;
--crispy-gold-oklch: oklch(0.703 0.126 84.3);
}
.element {
color: var(--crispy-gold);
background-color: hsl(42 59% 48%);
border-color: oklch(0.703 0.126 84.3);
}Tailwind CSS v4
@theme {
--color-crispy-gold: #c49832;
--color-crispy-gold-50: #fff3cd;
--color-crispy-gold-100: #fbe6b8;
--color-crispy-gold-200: #ecd196;
--color-crispy-gold-300: #d4b369;
--color-crispy-gold-400: #c1983a;
--color-crispy-gold-500: #ad7d00;
--color-crispy-gold-600: #926a00;
--color-crispy-gold-700: #755500;
--color-crispy-gold-800: #583d00;
--color-crispy-gold-900: #3d2a00;
--color-crispy-gold-950: #271700;
}SCSS
$crispy-gold: #c49832;
$crispy-gold-rgb: 196, 152, 50;
$crispy-gold-light: mix(#fff, $crispy-gold, 20%);
$crispy-gold-dark: mix(#000, $crispy-gold, 20%);
.element {
color: $crispy-gold;
box-shadow: 0 0 0 2px rgba($crispy-gold, 0.35);
}