Nazwany kolor · #AC9362
Pyrite Gold
Pyrite Gold to #AC9362: rgb(172 147 98), hsl(40 31% 53%), oklch(0.674 0.073 83.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Pyrite Gold color name →
#AC9362
oklch(0.674 0.073 83.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B49D72
- BCA881
- C4B390
- CDBDA0
- D5C8B0
- DDD3BF
- E6DECF
- EEE9DF
- F7F4EF
Odcienie ciemniejsze
- 957F54
- 7F6C47
- 69593A
- 54472D
- 403621
- 2D2516
- 1B160B
- 0B0803
- 010100
Tony
- A89166
- A38F69
- 9F8E6C
- 9A8C70
- 968A73
- 918876
- 8D8678
- 89847B
- 84827E
Harmonie kolorów
Komplementarna +180°
- AC9362
Pyrite Gold
- 8097C4
≈ Blue Hyacinth
Analogowa -30° +30°
- AC9362
Pyrite Gold
- BA8B6C
≈ Dune Drift
- 969C67
≈ Exotic Palm
Triada +120° +240°
- AC9362
Pyrite Gold
- 5CA4AB
≈ Aqua Sea
- AD88B0
≈ Dusty Lavender
Komplementarna rozszczepiona +150° +210°
- AC9362
Pyrite Gold
- 689EBC
≈ Lake Lucerne
- 988EC0
≈ Hermosa
Tetrada +90° +180° +270°
- AC9362
Pyrite Gold
- 65A593
≈ Harmony in Green
- 8097C4
≈ Blue Hyacinth
- BB849A
≈ Mauvey Nude
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.95:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.10:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.10:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
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);
}