Benannte Farbe · #E7B53B
Australium Gold
Australium Gold ist #E7B53B: rgb(231 181 59), hsl(43 78% 57%), oklch(0.798 0.144 85.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Australium Gold color name →
#E7B53B
oklch(0.798 0.144 85.4)
Farbumrechnungen
- HEX
- #e7b53b
- RGB
- rgb(231 181 59)
- HSL
- hsl(43 78% 57%)
- HWB
- hwb(43 23% 9%)
- OKLCH
- oklch(0.798 0.144 85.4)
- OKLab
- oklab(0.798 0.012 0.144)
- CIE Lab
- lab(76.78 10.34 65.4)
- LCH
- lch(76.78 66.22 81)
- CMYK
- cmyk(0% 22% 74% 9%)
Tints · Shades · Tones
Tints
- EABD57
- ECC46D
- EFCC82
- F1D395
- F4DBA7
- F6E2B9
- F8EACB
- FBF1DC
- FDF8EE
Shades
- C99D32
- AB8629
- 8F6F21
- 735919
- 594411
- 403009
- 281D04
- 130C01
- 030200
Tones
- DCB049
- D2AB53
- C7A65C
- BDA063
- B39B6A
- A8966F
- 9E9074
- 948B78
- 8A867C
Farbharmonien
Komplementär +180°
- E7B53B
Australium Gold
- 9EBCFF
≈ Truesky Gloxym
Analog -30° +30°
- E7B53B
Australium Gold
- FFA563
≈ Echinoderm
- BAC850
≈ Asparagus Fern
Triadisch +120° +240°
- E7B53B
Australium Gold
- 00D5E7
≈ Thousand Sons Blue
- EC9BF0
≈ Diva Mecha
Geteilt komplementär +150° +210°
- E7B53B
Australium Gold
- 68C9FF
≈ Skyan
- C3AEFF
≈ Purple Hepatica
Tetradisch +90° +180° +270°
- E7B53B
Australium Gold
- 25DBB8
≈ Channel Marker Green
- 9EBCFF
≈ Truesky Gloxym
- FF98C1
≈ Himalayan Balsam
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.07:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.07:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--australium-gold: #e7b53b;
--australium-gold-rgb: 231 181 59;
--australium-gold-oklch: oklch(0.798 0.144 85.4);
}
.element {
color: var(--australium-gold);
background-color: hsl(43 78% 57%);
border-color: oklch(0.798 0.144 85.4);
}Tailwind CSS v4
@theme {
--color-australium-gold: #e7b53b;
--color-australium-gold-50: #fff3c7;
--color-australium-gold-100: #fde6b1;
--color-australium-gold-200: #efd18c;
--color-australium-gold-300: #d7b35a;
--color-australium-gold-400: #c5971b;
--color-australium-gold-500: #b17c00;
--color-australium-gold-600: #956900;
--color-australium-gold-700: #785400;
--color-australium-gold-800: #5a3c00;
--color-australium-gold-900: #3f2900;
--color-australium-gold-950: #281700;
}SCSS
$australium-gold: #e7b53b;
$australium-gold-rgb: 231, 181, 59;
$australium-gold-light: mix(#fff, $australium-gold, 20%);
$australium-gold-dark: mix(#000, $australium-gold, 20%);
.element {
color: $australium-gold;
box-shadow: 0 0 0 2px rgba($australium-gold, 0.35);
}