Cor nomeada · #DAAE00
Palomino Gold
Palomino Gold é #DAAE00: rgb(218 174 0), hsl(48 100% 43%), oklch(0.769 0.157 90.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Palomino Gold color name →
#DAAE00
oklch(0.769 0.157 90.4)
Conversões de cor
- HEX
- #daae00
- RGB
- rgb(218 174 0)
- HSL
- hsl(48 100% 43%)
- HWB
- hwb(48 0% 15%)
- OKLCH
- oklch(0.769 0.157 90.4)
- OKLab
- oklab(0.769 -0.001 0.157)
- CIE Lab
- lab(73.51 7.33 75.32)
- LCH
- lch(73.51 75.68 84.4)
- CMYK
- cmyk(0% 20% 100% 15%)
Tons claros · Sombras · Tons
Tons claros
- DEB63D
- E2BF5A
- E5C772
- E9CF88
- EDD79D
- F0DFB1
- F4E7C5
- F8EFD8
- FBF7EC
Sombras
- BD9700
- A28000
- 876A00
- 6C5500
- 544100
- 3C2E00
- 251C00
- 110B00
- 020100
Tons
- D1AA2B
- C7A53E
- BEA14C
- B59C57
- AC9860
- A39368
- 9A8F6F
- 918A75
- 89857B
Harmonias de cor
Complementar +180°
- DAAE00
Palomino Gold
- 97B0FF
≈ Widowmaker
Análoga -30° +30°
- DAAE00
Palomino Gold
- FB9939
≈ Kumquat
- A7C23F
≈ Aerobic Fix
Tríade +120° +240°
- DAAE00
Palomino Gold
- 00CAE3
≈ Picnic Day Sky
- EB8CE2
≈ Frail Fuchsia
Complementar dividida +150° +210°
- DAAE00
Palomino Gold
- 5BBEFF
≈ Hello Summer
- C29EFF
≈ Diva
Tétrade +90° +180° +270°
- DAAE00
Palomino Gold
- 00D0B8
≈ Mint Leaf
- 97B0FF
≈ Widowmaker
- FF88AF
≈ Strawberry Dreams
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.09:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 10.03:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.03:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--palomino-gold: #daae00;
--palomino-gold-rgb: 218 174 0;
--palomino-gold-oklch: oklch(0.769 0.157 90.4);
}
.element {
color: var(--palomino-gold);
background-color: hsl(48 100% 43%);
border-color: oklch(0.769 0.157 90.4);
}Tailwind CSS v4
@theme {
--color-palomino-gold: #daae00;
--color-palomino-gold-50: #fff5c2;
--color-palomino-gold-100: #fae7ac;
--color-palomino-gold-200: #ecd384;
--color-palomino-gold-300: #d4b54e;
--color-palomino-gold-400: #c29900;
--color-palomino-gold-500: #ae7e00;
--color-palomino-gold-600: #936b00;
--color-palomino-gold-700: #765600;
--color-palomino-gold-800: #593d00;
--color-palomino-gold-900: #3e2a00;
--color-palomino-gold-950: #271700;
}SCSS
$palomino-gold: #daae00;
$palomino-gold-rgb: 218, 174, 0;
$palomino-gold-light: mix(#fff, $palomino-gold, 20%);
$palomino-gold-dark: mix(#000, $palomino-gold, 20%);
.element {
color: $palomino-gold;
box-shadow: 0 0 0 2px rgba($palomino-gold, 0.35);
}