Nächste benannte Farbe · #AD933F
#AD933F
Nächste benannte Farbe: Luxor Gold
#AD933F (rgb(173 147 63), hsl(46 47% 46%), oklch(0.67 0.108 92)) liegt am nächsten an der benannten Farbe Luxor Gold. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AD933F
oklch(0.67 0.108 92)
Farbumrechnungen
- HEX
- #ad933f
- RGB
- rgb(173 147 63)
- HSL
- hsl(46 47% 46%)
- HWB
- hwb(46 25% 32%)
- OKLCH
- oklch(0.67 0.108 92)
- OKLab
- oklab(0.67 -0.004 0.107)
- CIE Lab
- lab(62.1 2.82 46.92)
- LCH
- lch(62.1 47 86.6)
- CMYK
- cmyk(0% 15% 64% 32%)
Tints · Shades · Tones
Tints
- B59E55
- BDA869
- C5B37C
- CDBE8F
- D5C9A2
- DED3B4
- E6DEC7
- EEE9D9
- F7F4EC
Shades
- 967F35
- 7F6C2C
- 6A5923
- 55471B
- 413612
- 2D250A
- 1B1604
- 0B0801
- 010100
Tones
- A89148
- A49051
- 9F8E58
- 9B8C5F
- 968A65
- 92886B
- 8D8671
- 898476
- 84827B
Farbharmonien
Komplementär +180°
- AD933F
Luxor Gold
- 7E91D8
≈ Mood Mode
Analog -30° +30°
- AD933F
Luxor Gold
- C4854B
≈ Butterscotch Glaze
- 8AA051
≈ Nasturtium Shoot
Triadisch +120° +240°
- AD933F
Luxor Gold
- 29A6BC
≈ Minted Blue
- BC7CB3
≈ Colombo Red Mauve
Geteilt komplementär +150° +210°
- AD933F
Luxor Gold
- 549DD2
≈ Blue Iguana
- A285CC
≈ Lilac Purple
Tetradisch +90° +180° +270°
- AD933F
Luxor Gold
- 30AB9A
≈ Tropical Hideaway
- 7E91D8
≈ Mood Mode
- CC7890
≈ Devilish Diva
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.99:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.02:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--luxor-gold: #ad933f;
--luxor-gold-rgb: 173 147 63;
--luxor-gold-oklch: oklch(0.67 0.108 92);
}
.element {
color: var(--luxor-gold);
background-color: hsl(46 47% 46%);
border-color: oklch(0.67 0.108 92);
}Tailwind CSS v4
@theme {
--color-luxor-gold: #ad933f;
--color-luxor-gold-50: #fff5d3;
--color-luxor-gold-100: #f3e8c0;
--color-luxor-gold-200: #e3d4a0;
--color-luxor-gold-300: #c9b777;
--color-luxor-gold-400: #b59c4e;
--color-luxor-gold-500: #a0831c;
--color-luxor-gold-600: #876f1b;
--color-luxor-gold-700: #6c5916;
--color-luxor-gold-800: #51400d;
--color-luxor-gold-900: #382c08;
--color-luxor-gold-950: #231900;
}SCSS
$luxor-gold: #ad933f;
$luxor-gold-rgb: 173, 147, 63;
$luxor-gold-light: mix(#fff, $luxor-gold, 20%);
$luxor-gold-dark: mix(#000, $luxor-gold, 20%);
.element {
color: $luxor-gold;
box-shadow: 0 0 0 2px rgba($luxor-gold, 0.35);
}