Couleur nommée · #FFE500
Star
Star correspond à #FFE500 : rgb(255 229 0), hsl(54 100% 50%), oklch(0.915 0.191 101). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Star color name →
#FFE500
oklch(0.915 0.191 101)
Conversions de couleur
- HEX
- #ffe500
- RGB
- rgb(255 229 0)
- HSL
- hsl(54 100% 50%)
- HWB
- hwb(54 0% 0%)
- OKLCH
- oklch(0.915 0.191 101)
- OKLab
- oklab(0.915 -0.037 0.187)
- CIE Lab
- lab(90.97 -3.76 88.88)
- LCH
- lch(90.97 88.96 92.4)
- CMYK
- cmyk(0% 10% 100% 0%)
Teintes · Ombres · Tons
Teintes
- FFE847
- FFEB66
- FFEE7F
- FEF194
- FEF4A8
- FEF6BB
- FEF9CC
- FFFBDE
- FFFDEE
Ombres
- DEC700
- BEAA00
- 9E8E00
- 807200
- 635800
- 483F00
- 2E2800
- 161200
- 030300
Tons
- F2DB34
- E4D148
- D7C756
- CABC61
- BDB269
- B0A870
- A49E75
- 989479
- 8C8A7D
Harmonies de couleurs
Complémentaire +180°
- FFE500
Star
- DDE0FF
≈ Stoic White
Analogue -30° +30°
Triadique +120° +240°
- FFE500
Star
- B8EDFF
≈ Ice Effect
- FFD4EE
≈ Pink Currant
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.27:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.45:1 · APCA Lc 90
Meilleure couleur de texte: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--star: #ffe500;
--star-rgb: 255 229 0;
--star-oklch: oklch(0.915 0.191 101);
}
.element {
color: var(--star);
background-color: hsl(54 100% 50%);
border-color: oklch(0.915 0.191 101);
}Tailwind CSS v4
@theme {
--color-star: #ffe500;
--color-star-50: #fff8b9;
--color-star-100: #f3eba0;
--color-star-200: #e3d872;
--color-star-300: #cabb2b;
--color-star-400: #b89f00;
--color-star-500: #a38500;
--color-star-600: #8a7100;
--color-star-700: #6f5a00;
--color-star-800: #544100;
--color-star-900: #3a2d00;
--color-star-950: #241900;
}SCSS
$star: #ffe500;
$star-rgb: 255, 229, 0;
$star-light: mix(#fff, $star, 20%);
$star-dark: mix(#000, $star, 20%);
.element {
color: $star;
box-shadow: 0 0 0 2px rgba($star, 0.35);
}