Cor nomeada · #FFCA00
Yellow Flash
Yellow Flash é #FFCA00: rgb(255 202 0), hsl(48 100% 50%), oklch(0.861 0.176 89.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Yellow Flash color name →
#FFCA00
oklch(0.861 0.176 89.4)
Conversões de cor
- HEX
- #ffca00
- RGB
- rgb(255 202 0)
- HSL
- hsl(48 100% 50%)
- HWB
- hwb(48 0% 0%)
- OKLCH
- oklch(0.861 0.176 89.4)
- OKLab
- oklab(0.861 0.002 0.176)
- CIE Lab
- lab(84.27 9.22 84.48)
- LCH
- lch(84.27 84.98 83.8)
- CMYK
- cmyk(0% 21% 100% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFD043
- FFD662
- FFDB7A
- FFE190
- FFE6A4
- FFEBB7
- FFF0CA
- FFF5DC
- FFFAED
Sombras
- DEAF00
- BE9500
- 9E7C00
- 806400
- 634D00
- 483700
- 2E2200
- 160F00
- 030200
Tons
- F2C331
- E5BB44
- D8B452
- CBAD5D
- BEA665
- B19E6D
- A59773
- 988F78
- 8C887C
Harmonias de cor
Complementar +180°
- FFCA00
Yellow Flash
- BFD0FF
≈ Ice Cold Stare
Análoga -30° +30°
- FFCA00
Yellow Flash
- FFC394
≈ Tuscan Wall
- C4E148
≈ Greenivorous
Tríade +120° +240°
- FFCA00
Yellow Flash
- 51E8FF
≈ Shimmering Expanse Cyan
- FFB4F9
≈ Pink Apotheosis
Complementar dividida +150° +210°
- FFCA00
Yellow Flash
- A3D9FF
≈ Malmö FF
- D9C6FF
≈ Neon Boneyard
Tétrade +90° +180° +270°
- FFCA00
Yellow Flash
- 00F2D4
≈ Frozen Boubble
- BFD0FF
≈ Ice Cold Stare
- FFBCD0
≈ Rosie
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.53:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.70:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--yellow-flash: #ffca00;
--yellow-flash-rgb: 255 202 0;
--yellow-flash-oklch: oklch(0.861 0.176 89.4);
}
.element {
color: var(--yellow-flash);
background-color: hsl(48 100% 50%);
border-color: oklch(0.861 0.176 89.4);
}Tailwind CSS v4
@theme {
--color-yellow-flash: #ffca00;
--color-yellow-flash-50: #fff4bc;
--color-yellow-flash-100: #fde7a4;
--color-yellow-flash-200: #f0d278;
--color-yellow-flash-300: #d8b339;
--color-yellow-flash-400: #c79700;
--color-yellow-flash-500: #b47b00;
--color-yellow-flash-600: #986900;
--color-yellow-flash-700: #7a5400;
--color-yellow-flash-800: #5c3c00;
--color-yellow-flash-900: #402900;
--color-yellow-flash-950: #291600;
}SCSS
$yellow-flash: #ffca00;
$yellow-flash-rgb: 255, 202, 0;
$yellow-flash-light: mix(#fff, $yellow-flash, 20%);
$yellow-flash-dark: mix(#000, $yellow-flash, 20%);
.element {
color: $yellow-flash;
box-shadow: 0 0 0 2px rgba($yellow-flash, 0.35);
}