Benannte Farbe · #DAAE49
Golden Rule
Golden Rule ist #DAAE49: rgb(218 174 73), hsl(42 66% 57%), oklch(0.772 0.128 85.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Rule color name →
#DAAE49
oklch(0.772 0.128 85.2)
Farbumrechnungen
- HEX
- #daae49
- RGB
- rgb(218 174 73)
- HSL
- hsl(42 66% 57%)
- HWB
- hwb(42 29% 15%)
- OKLCH
- oklch(0.772 0.128 85.2)
- OKLab
- oklab(0.772 0.011 0.127)
- CIE Lab
- lab(73.77 8.85 56.32)
- LCH
- lch(73.77 57.01 81.1)
- CMYK
- cmyk(0% 20% 67% 15%)
Tints · Shades · Tones
Tints
- DEB65F
- E2BF73
- E5C786
- E9CF98
- EDD7AA
- F1DFBB
- F4E7CC
- F8EFDD
- FBF7EE
Shades
- BD973E
- A28034
- 876A2A
- 6C5520
- 544117
- 3C2E0E
- 251C06
- 110B02
- 020100
Tones
- D1AA52
- C8A55A
- BEA161
- B59C67
- AC986C
- A39371
- 9A8E75
- 928A79
- 89857D
Farbharmonien
Komplementär +180°
- DAAE49
Golden Rule
- 91B3FF
≈ Carolina Blue
Analog -30° +30°
- DAAE49
Golden Rule
- F39E61
≈ Bergamot Orange
- B2BE58
≈ Sativa
Triadisch +120° +240°
- DAAE49
Golden Rule
- 1ECCDC
≈ Jade Glass
- DE98E2
≈ Herb Robert
Geteilt komplementär +150° +210°
- DAAE49
Golden Rule
- 55C1FB
≈ Blue Mana
- BBA4FE
≈ Diva
Tetradisch +90° +180° +270°
- DAAE49
Golden Rule
- 41CFB0
≈ Simply Aqua
- 91B3FF
≈ Carolina Blue
- F591B9
≈ Pastel Magenta
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.07:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.13:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--golden-rule: #daae49;
--golden-rule-rgb: 218 174 73;
--golden-rule-oklch: oklch(0.772 0.128 85.2);
}
.element {
color: var(--golden-rule);
background-color: hsl(42 66% 57%);
border-color: oklch(0.772 0.128 85.2);
}Tailwind CSS v4
@theme {
--color-golden-rule: #daae49;
--color-golden-rule-50: #fff4cc;
--color-golden-rule-100: #fae6b8;
--color-golden-rule-200: #ecd195;
--color-golden-rule-300: #d3b367;
--color-golden-rule-400: #c19838;
--color-golden-rule-500: #ac7d00;
--color-golden-rule-600: #926a00;
--color-golden-rule-700: #755500;
--color-golden-rule-800: #573d00;
--color-golden-rule-900: #3d2a00;
--color-golden-rule-950: #271700;
}SCSS
$golden-rule: #daae49;
$golden-rule-rgb: 218, 174, 73;
$golden-rule-light: mix(#fff, $golden-rule, 20%);
$golden-rule-dark: mix(#000, $golden-rule, 20%);
.element {
color: $golden-rule;
box-shadow: 0 0 0 2px rgba($golden-rule, 0.35);
}