Colore con nome · #C48919
Auric
Auric è #C48919: rgb(196 137 25), hsl(39 77% 43%), oklch(0.672 0.135 76.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Auric color name →
#C48919
oklch(0.672 0.135 76.6)
Conversioni di colore
- HEX
- #c48919
- RGB
- rgb(196 137 25)
- HSL
- hsl(39 77% 43%)
- HWB
- hwb(39 10% 23%)
- OKLCH
- oklch(0.672 0.135 76.6)
- OKLab
- oklab(0.672 0.031 0.131)
- CIE Lab
- lab(61.89 16.96 62.03)
- LCH
- lch(61.89 64.31 74.7)
- CMYK
- cmyk(0% 30% 87% 23%)
Tinte · Ombre · Toni
Tinte
- CA953D
- D1A157
- D7AD6E
- DDB883
- E3C498
- E8D0AD
- EEDCC1
- F4E7D6
- F9F3EA
Ombre
- AA7614
- 916410
- 78530B
- 614207
- 4A3104
- 352202
- 211401
- 0E0700
- 020100
Toni
- BD892F
- B7883D
- B08749
- A98753
- A2865C
- 9C8564
- 95846C
- 8E8373
- 87817A
Armonie di colore
Complementare +180°
- C48919
Auric
- 5D97E7
≈ Guilliman Blue
Analogo -30° +30°
- C48919
Auric
- D87948
≈ Japanese Koi
- A09B20
≈ Papyrus
Triadico +120° +240°
- C48919
Auric
- 00ABAE
≈ Fiji
- B77ACD
≈ Lavender Blossom
Complementare divisa +150° +210°
- C48919
Auric
- 00A5D3
≈ Charybdis
- 9188E4
≈ Perrywinkle
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.02:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.93:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--auric: #c48919;
--auric-rgb: 196 137 25;
--auric-oklch: oklch(0.672 0.135 76.6);
}
.element {
color: var(--auric);
background-color: hsl(39 77% 43%);
border-color: oklch(0.672 0.135 76.6);
}Tailwind CSS v4
@theme {
--color-auric: #c48919;
--color-auric-50: #fff1cb;
--color-auric-100: #ffe3b6;
--color-auric-200: #f4ce92;
--color-auric-300: #ddaf64;
--color-auric-400: #cb9232;
--color-auric-500: #b77700;
--color-auric-600: #9b6500;
--color-auric-700: #7c5100;
--color-auric-800: #5d3a00;
--color-auric-900: #412800;
--color-auric-950: #2a1500;
}SCSS
$auric: #c48919;
$auric-rgb: 196, 137, 25;
$auric-light: mix(#fff, $auric, 20%);
$auric-dark: mix(#000, $auric, 20%);
.element {
color: $auric;
box-shadow: 0 0 0 2px rgba($auric, 0.35);
}