Colore con nome · #C5A049
Goldbricker
Goldbricker è #C5A049: rgb(197 160 73), hsl(42 52% 53%), oklch(0.723 0.114 86.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Goldbricker color name →
#C5A049
oklch(0.723 0.114 86.1)
Conversioni di colore
- HEX
- #c5a049
- RGB
- rgb(197 160 73)
- HSL
- hsl(42 52% 53%)
- HWB
- hwb(42 29% 23%)
- OKLCH
- oklch(0.723 0.114 86.1)
- OKLab
- oklab(0.723 0.008 0.114)
- CIE Lab
- lab(68.04 7.01 49.52)
- LCH
- lch(68.04 50.02 81.9)
- CMYK
- cmyk(0% 19% 63% 23%)
Tinte · Ombre · Toni
Tinte
- CBAA5E
- D1B371
- D6BD84
- DCC696
- E2CFA7
- E8D9B9
- EEE2CA
- F3ECDC
- F9F5ED
Ombre
- AB8B3E
- 927634
- 79612A
- 614E20
- 4B3B17
- 35290E
- 211906
- 0E0902
- 020100
Toni
- BE9D51
- B79A59
- B0975F
- A99465
- A2916A
- 9B8D6F
- 948A74
- 8E8778
- 87837C
Armonie di colore
Complementare +180°
- C5A049
Goldbricker
- 84A3ED
≈ Blue Cue
Analogo -30° +30°
- C5A049
Goldbricker
- DC925C
≈ Persian Orange
- A2AE56
≈ Pandan Cake
Triadico +120° +240°
- C5A049
Goldbricker
- 2FB9C8
≈ Utopia Beckons
- CA8CCC
≈ Rose Souvenir
Complementare divisa +150° +210°
- C5A049
Goldbricker
- 56B0E3
≈ Sail Away
- AC96E5
≈ Dreamy Candy Forest
Tetradico +90° +180° +270°
- C5A049
Goldbricker
- 43BDA3
≈ Jolt of Jade
- 84A3ED
≈ Blue Cue
- DE86A8
≈ Springtime Bloom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.47:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.49:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.49:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--goldbricker: #c5a049;
--goldbricker-rgb: 197 160 73;
--goldbricker-oklch: oklch(0.723 0.114 86.1);
}
.element {
color: var(--goldbricker);
background-color: hsl(42 52% 53%);
border-color: oklch(0.723 0.114 86.1);
}Tailwind CSS v4
@theme {
--color-goldbricker: #c5a049;
--color-goldbricker-50: #fff4d1;
--color-goldbricker-100: #f8e7bd;
--color-goldbricker-200: #e8d29c;
--color-goldbricker-300: #d0b472;
--color-goldbricker-400: #bc9948;
--color-goldbricker-500: #a77f07;
--color-goldbricker-600: #8d6c0f;
--color-goldbricker-700: #71560d;
--color-goldbricker-800: #553e07;
--color-goldbricker-900: #3b2b05;
--color-goldbricker-950: #251800;
}SCSS
$goldbricker: #c5a049;
$goldbricker-rgb: 197, 160, 73;
$goldbricker-light: mix(#fff, $goldbricker, 20%);
$goldbricker-dark: mix(#000, $goldbricker, 20%);
.element {
color: $goldbricker;
box-shadow: 0 0 0 2px rgba($goldbricker, 0.35);
}