Couleur nommée · #FFE737
Pac-Man
Pac-Man correspond à #FFE737 : rgb(255 231 55), hsl(53 100% 61%), oklch(0.92 0.179 101). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Pac-Man color name →
#FFE737
oklch(0.92 0.179 101)
Conversions de couleur
- HEX
- #ffe737
- RGB
- rgb(255 231 55)
- HSL
- hsl(53 100% 61%)
- HWB
- hwb(53 22% 0%)
- OKLCH
- oklch(0.92 0.179 101)
- OKLab
- oklab(0.92 -0.034 0.176)
- CIE Lab
- lab(91.58 -4.03 80.66)
- LCH
- lch(91.58 80.76 92.9)
- CMYK
- cmyk(0% 9% 78% 0%)
Teintes · Ombres · Tons
Teintes
- FFEA5A
- FFED73
- FFEF88
- FFF29C
- FEF4AE
- FEF7BF
- FFF9D0
- FFFBE0
- FFFDF0
Ombres
- DEC92E
- BEAB26
- 9E8F1E
- 807316
- 63590F
- 484008
- 2E2803
- 161301
- 030300
Tons
- F2DD4A
- E4D257
- D7C861
- CABD69
- BDB36F
- B0A974
- A49F78
- 98947B
- 8C8A7E
Harmonies de couleurs
Complémentaire +180°
- FFE737
Pac-Man
- DFE2FF
≈ Stoic White
Analogue -30° +30°
- FFE737
Pac-Man
- FFDFB9
≈ Liveliness
- BAFC76
≈ Lime Lightning
Triadique +120° +240°
- FFE737
Pac-Man
- BDEEFF
≈ Ice Effect
- FFD7EF
≈ Sweet Sachet
Complémentaire divisée +150° +210°
- FFE737
Pac-Man
- D2E7FF
≈ Veiling Waterfalls
- F0DBFF
≈ Lavender Savour
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.25:1 · APCA Lc 12
Ag
AAASur noir
WCAG 16.73:1 · APCA Lc 92
Meilleure couleur de texte: #000000
WCAG 16.73:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--pac-man: #ffe737;
--pac-man-rgb: 255 231 55;
--pac-man-oklch: oklch(0.92 0.179 101);
}
.element {
color: var(--pac-man);
background-color: hsl(53 100% 61%);
border-color: oklch(0.92 0.179 101);
}Tailwind CSS v4
@theme {
--color-pac-man: #ffe737;
--color-pac-man-50: #fef8bd;
--color-pac-man-100: #f2eba5;
--color-pac-man-200: #e2d87a;
--color-pac-man-300: #c8bb3c;
--color-pac-man-400: #b69f00;
--color-pac-man-500: #a18500;
--color-pac-man-600: #887100;
--color-pac-man-700: #6d5a00;
--color-pac-man-800: #524100;
--color-pac-man-900: #392d00;
--color-pac-man-950: #241a00;
}SCSS
$pac-man: #ffe737;
$pac-man-rgb: 255, 231, 55;
$pac-man-light: mix(#fff, $pac-man, 20%);
$pac-man-dark: mix(#000, $pac-man, 20%);
.element {
color: $pac-man;
box-shadow: 0 0 0 2px rgba($pac-man, 0.35);
}