Cor nomeada · #C48919
Auric
Auric é #C48919: rgb(196 137 25), hsl(39 77% 43%), oklch(0.672 0.135 76.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Auric color name →
#C48919
oklch(0.672 0.135 76.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- CA953D
- D1A157
- D7AD6E
- DDB883
- E3C498
- E8D0AD
- EEDCC1
- F4E7D6
- F9F3EA
Sombras
- AA7614
- 916410
- 78530B
- 614207
- 4A3104
- 352202
- 211401
- 0E0700
- 020100
Tons
- BD892F
- B7883D
- B08749
- A98753
- A2865C
- 9C8564
- 95846C
- 8E8373
- 87817A
Harmonias de cor
Complementar +180°
- C48919
Auric
- 5D97E7
≈ Guilliman Blue
Análoga -30° +30°
- C48919
Auric
- D87948
≈ Japanese Koi
- A09B20
≈ Papyrus
Tríade +120° +240°
- C48919
Auric
- 00ABAE
≈ Fiji
- B77ACD
≈ Lavender Blossom
Complementar dividida +150° +210°
- C48919
Auric
- 00A5D3
≈ Charybdis
- 9188E4
≈ Perrywinkle
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.02:1 · APCA Lc 57
Ag
AASobre preto
WCAG 6.93:1 · APCA Lc 45
Melhor cor de texto: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
Trechos de código
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);
}