Cor nomeada · #F5CC23
Golden Ticket
Golden Ticket é #F5CC23: rgb(245 204 35), hsl(48 91% 55%), oklch(0.856 0.169 93.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Ticket color name →
#F5CC23
oklch(0.856 0.169 93.5)
Conversões de cor
- HEX
- #f5cc23
- RGB
- rgb(245 204 35)
- HSL
- hsl(48 91% 55%)
- HWB
- hwb(48 14% 4%)
- OKLCH
- oklch(0.856 0.169 93.5)
- OKLab
- oklab(0.856 -0.01 0.169)
- CIE Lab
- lab(83.81 4.35 78.95)
- LCH
- lch(83.81 79.07 86.8)
- CMYK
- cmyk(0% 17% 86% 4%)
Tons claros · Sombras · Tons
Tons claros
- F6D24C
- F7D768
- F8DC7E
- F9E293
- FAE7A6
- FBECB9
- FCF1CB
- FDF6DD
- FEFAEE
Sombras
- D5B11D
- B69717
- 987E11
- 7B650C
- 5F4E07
- 443704
- 2B2201
- 150F00
- 030200
Tons
- E9C43C
- DDBD4B
- D1B557
- C5AE60
- B9A668
- AD9F6E
- A29774
- 968F79
- 8B887D
Harmonias de cor
Complementar +180°
- F5CC23
Golden Ticket
- C0CDFF
≈ Lavender Blue
Análoga -30° +30°
- F5CC23
Golden Ticket
- FFC289
≈ Buttery
- BAE158
≈ Queen of Gardens
Tríade +120° +240°
- F5CC23
Golden Ticket
- 60E4FF
≈ Athena Blue
- FFB2F1
≈ Pink Apotheosis
Complementar dividida +150° +210°
- F5CC23
Golden Ticket
- A4D6FF
≈ Malmö FF
- DBC2FF
≈ Neon Boneyard
Tétrade +90° +180° +270°
- F5CC23
Golden Ticket
- 00EFDA
≈ Frozen Boubble
- C0CDFF
≈ Lavender Blue
- FFBACA
≈ Rosie
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.54:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--golden-ticket: #f5cc23;
--golden-ticket-rgb: 245 204 35;
--golden-ticket-oklch: oklch(0.856 0.169 93.5);
}
.element {
color: var(--golden-ticket);
background-color: hsl(48 91% 55%);
border-color: oklch(0.856 0.169 93.5);
}Tailwind CSS v4
@theme {
--color-golden-ticket: #f5cc23;
--color-golden-ticket-50: #fff6bf;
--color-golden-ticket-100: #f9e8a7;
--color-golden-ticket-200: #ead47e;
--color-golden-ticket-300: #d2b643;
--color-golden-ticket-400: #c09a00;
--color-golden-ticket-500: #ac8000;
--color-golden-ticket-600: #916c00;
--color-golden-ticket-700: #755700;
--color-golden-ticket-800: #583e00;
--color-golden-ticket-900: #3d2b00;
--color-golden-ticket-950: #271800;
}SCSS
$golden-ticket: #f5cc23;
$golden-ticket-rgb: 245, 204, 35;
$golden-ticket-light: mix(#fff, $golden-ticket, 20%);
$golden-ticket-dark: mix(#000, $golden-ticket, 20%);
.element {
color: $golden-ticket;
box-shadow: 0 0 0 2px rgba($golden-ticket, 0.35);
}