Cor nomeada · #DAAE49
Golden Rule
Golden Rule é #DAAE49: rgb(218 174 73), hsl(42 66% 57%), oklch(0.772 0.128 85.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Rule color name →
#DAAE49
oklch(0.772 0.128 85.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- DEB65F
- E2BF73
- E5C786
- E9CF98
- EDD7AA
- F1DFBB
- F4E7CC
- F8EFDD
- FBF7EE
Sombras
- BD973E
- A28034
- 876A2A
- 6C5520
- 544117
- 3C2E0E
- 251C06
- 110B02
- 020100
Tons
- D1AA52
- C8A55A
- BEA161
- B59C67
- AC986C
- A39371
- 9A8E75
- 928A79
- 89857D
Harmonias de cor
Complementar +180°
- DAAE49
Golden Rule
- 91B3FF
≈ Carolina Blue
Análoga -30° +30°
- DAAE49
Golden Rule
- F39E61
≈ Bergamot Orange
- B2BE58
≈ Sativa
Tríade +120° +240°
- DAAE49
Golden Rule
- 1ECCDC
≈ Jade Glass
- DE98E2
≈ Herb Robert
Complementar dividida +150° +210°
- DAAE49
Golden Rule
- 55C1FB
≈ Blue Mana
- BBA4FE
≈ Diva
Tétrade +90° +180° +270°
- DAAE49
Golden Rule
- 41CFB0
≈ Simply Aqua
- 91B3FF
≈ Carolina Blue
- F591B9
≈ Pastel Magenta
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.07:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.13:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
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);
}