Couleur nommée · #FCD450
Westfall Yellow
Westfall Yellow correspond à #FCD450 : rgb(252 212 80), hsl(46 97% 65%), oklch(0.881 0.152 91.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Westfall Yellow color name →
#FCD450
oklch(0.881 0.152 91.9)
Conversions de couleur
- HEX
- #fcd450
- RGB
- rgb(252 212 80)
- HSL
- hsl(46 97% 65%)
- HWB
- hwb(46 31% 1%)
- OKLCH
- oklch(0.881 0.152 91.9)
- OKLab
- oklab(0.881 -0.005 0.152)
- CIE Lab
- lab(86.67 4.56 67.7)
- LCH
- lch(86.67 67.85 86.1)
- CMYK
- cmyk(0% 16% 68% 1%)
Teintes · Ombres · Tons
Teintes
- FCD968
- FDDD7D
- FDE28F
- FDE6A1
- FEEBB1
- FEEFC1
- FEF3D1
- FEF7E1
- FFFBF0
Ombres
- DBB844
- BB9D39
- 9C832E
- 7E6924
- 62511A
- 473A10
- 2D2407
- 161002
- 030200
Tons
- EFCC5A
- E2C362
- D5BB69
- C9B26E
- BCAA73
- B0A277
- A4997A
- 98917C
- 8C887E
Harmonies de couleurs
Complémentaire +180°
- FCD450
Westfall Yellow
- CAD6FF
≈ Pale Phthalo Blue
Analogue -30° +30°
- FCD450
Westfall Yellow
- FFCDA2
≈ Phenomenal Peach
- C7E76E
≈ Pisco Sour
Triadique +120° +240°
- FCD450
Westfall Yellow
- 80EAFF
≈ Photon Projector
- FFC0F5
≈ Pink Quartz
Complémentaire divisée +150° +210°
- FCD450
Westfall Yellow
- B3DEFF
≈ Broad Daylight
- E0CEFF
≈ Pale Lavender
Tétradique +90° +180° +270°
- FCD450
Westfall Yellow
- 2BF8DF
≈ Bright Aqua
- CAD6FF
≈ Pale Phthalo Blue
- FFC6D4
≈ Sweet Serenade
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.43:1 · APCA Lc 21
Ag
AAASur noir
WCAG 14.67:1 · APCA Lc 83
Meilleure couleur de texte: #000000
WCAG 14.67:1 (AAA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--westfall-yellow: #fcd450;
--westfall-yellow-rgb: 252 212 80;
--westfall-yellow-oklch: oklch(0.881 0.152 91.9);
}
.element {
color: var(--westfall-yellow);
background-color: hsl(46 97% 65%);
border-color: oklch(0.881 0.152 91.9);
}Tailwind CSS v4
@theme {
--color-westfall-yellow: #fcd450;
--color-westfall-yellow-50: #fff5c4;
--color-westfall-yellow-100: #f8e8ae;
--color-westfall-yellow-200: #ead487;
--color-westfall-yellow-300: #d1b654;
--color-westfall-yellow-400: #bf9a00;
--color-westfall-yellow-500: #ab8000;
--color-westfall-yellow-600: #906c00;
--color-westfall-yellow-700: #735700;
--color-westfall-yellow-800: #573e00;
--color-westfall-yellow-900: #3d2b00;
--color-westfall-yellow-950: #261800;
}SCSS
$westfall-yellow: #fcd450;
$westfall-yellow-rgb: 252, 212, 80;
$westfall-yellow-light: mix(#fff, $westfall-yellow, 20%);
$westfall-yellow-dark: mix(#000, $westfall-yellow, 20%);
.element {
color: $westfall-yellow;
box-shadow: 0 0 0 2px rgba($westfall-yellow, 0.35);
}