Couleur nommée · #AC9362
Pyrite Gold
Pyrite Gold correspond à #AC9362 : rgb(172 147 98), hsl(40 31% 53%), oklch(0.674 0.073 83.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Pyrite Gold color name →
#AC9362
oklch(0.674 0.073 83.6)
Conversions de couleur
- HEX
- #ac9362
- RGB
- rgb(172 147 98)
- HSL
- hsl(40 31% 53%)
- HWB
- hwb(40 38% 33%)
- OKLCH
- oklch(0.674 0.073 83.6)
- OKLab
- oklab(0.674 0.008 0.072)
- CIE Lab
- lab(62.37 4.63 29.57)
- LCH
- lch(62.37 29.93 81.1)
- CMYK
- cmyk(0% 15% 43% 33%)
Teintes · Ombres · Tons
Teintes
- B49D72
- BCA881
- C4B390
- CDBDA0
- D5C8B0
- DDD3BF
- E6DECF
- EEE9DF
- F7F4EF
Ombres
- 957F54
- 7F6C47
- 69593A
- 54472D
- 403621
- 2D2516
- 1B160B
- 0B0803
- 010100
Tons
- A89166
- A38F69
- 9F8E6C
- 9A8C70
- 968A73
- 918876
- 8D8678
- 89847B
- 84827E
Harmonies de couleurs
Complémentaire +180°
- AC9362
Pyrite Gold
- 8097C4
≈ Blue Hyacinth
Analogue -30° +30°
- AC9362
Pyrite Gold
- BA8B6C
≈ Dune Drift
- 969C67
≈ Exotic Palm
Triadique +120° +240°
- AC9362
Pyrite Gold
- 5CA4AB
≈ Aqua Sea
- AD88B0
≈ Dusty Lavender
Complémentaire divisée +150° +210°
- AC9362
Pyrite Gold
- 689EBC
≈ Lake Lucerne
- 988EC0
≈ Hermosa
Tétradique +90° +180° +270°
- AC9362
Pyrite Gold
- 65A593
≈ Harmony in Green
- 8097C4
≈ Blue Hyacinth
- BB849A
≈ Mauvey Nude
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.95:1 · APCA Lc 56
Ag
AAASur noir
WCAG 7.10:1 · APCA Lc 46
Meilleure couleur de texte: #000000
WCAG 7.10:1 (AAA) · APCA Lc 46
Contrast pairs
Extraits de code
CSS
:root {
--pyrite-gold: #ac9362;
--pyrite-gold-rgb: 172 147 98;
--pyrite-gold-oklch: oklch(0.674 0.073 83.6);
}
.element {
color: var(--pyrite-gold);
background-color: hsl(40 31% 53%);
border-color: oklch(0.674 0.073 83.6);
}Tailwind CSS v4
@theme {
--color-pyrite-gold: #ac9362;
--color-pyrite-gold-50: #fff4de;
--color-pyrite-gold-100: #f3e7cd;
--color-pyrite-gold-200: #e2d3b2;
--color-pyrite-gold-300: #c8b58d;
--color-pyrite-gold-400: #b39b6d;
--color-pyrite-gold-500: #9d824c;
--color-pyrite-gold-600: #856e41;
--color-pyrite-gold-700: #6a5833;
--color-pyrite-gold-800: #4f4024;
--color-pyrite-gold-900: #372c18;
--color-pyrite-gold-950: #221909;
}SCSS
$pyrite-gold: #ac9362;
$pyrite-gold-rgb: 172, 147, 98;
$pyrite-gold-light: mix(#fff, $pyrite-gold, 20%);
$pyrite-gold-dark: mix(#000, $pyrite-gold, 20%);
.element {
color: $pyrite-gold;
box-shadow: 0 0 0 2px rgba($pyrite-gold, 0.35);
}