Benoemde kleur · #FECB00
Philippine Yellow
Philippine Yellow is #FECB00: rgb(254 203 0), hsl(48 100% 50%), oklch(0.862 0.176 90.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Philippine Yellow color name →
#FECB00
oklch(0.862 0.176 90.3)
Kleurconversies
- HEX
- #fecb00
- RGB
- rgb(254 203 0)
- HSL
- hsl(48 100% 50%)
- HWB
- hwb(48 0% 0%)
- OKLCH
- oklch(0.862 0.176 90.3)
- OKLab
- oklab(0.862 -0.001 0.176)
- CIE Lab
- lab(84.41 8.31 84.51)
- LCH
- lch(84.41 84.92 84.4)
- CMYK
- cmyk(0% 20% 100% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FED143
- FED662
- FFDC7A
- FFE190
- FFE7A4
- FFECB7
- FFF1CA
- FFF6DC
- FFFAED
Schaduwen
- DDB000
- BD9600
- 9E7D00
- 806500
- 634D00
- 473700
- 2D2200
- 160F00
- 030200
Tonen
- F1C431
- E4BC45
- D7B552
- CAAD5D
- BDA665
- B19F6D
- A49773
- 988F78
- 8C887C
Kleurharmonieën
Complementair +180°
- FECB00
Philippine Yellow
- C1D0FF
≈ Lavender Blue
Analoog -30° +30°
- FECB00
Philippine Yellow
- FFC494
≈ Dainty Apricot
- C3E24A
≈ Greenivorous
Triadisch +120° +240°
- FECB00
Philippine Yellow
- 59E8FF
≈ Shimmering Expanse Cyan
- FFB5F7
≈ Hermosa Pink
Gesplitst complementair +150° +210°
- FECB00
Philippine Yellow
- A5D9FF
≈ Malmö FF
- DAC6FF
≈ Neon Boneyard
Tetradisch +90° +180° +270°
- FECB00
Philippine Yellow
- 00F2D6
≈ Frozen Boubble
- C1D0FF
≈ Lavender Blue
- FFBCCF
≈ Rosie
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.52:1 · APCA Lc 24
Ag
AAAOp zwart
WCAG 13.75:1 · APCA Lc 79
Beste tekstkleur: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
Codefragmenten
CSS
:root {
--philippine-yellow: #fecb00;
--philippine-yellow-rgb: 254 203 0;
--philippine-yellow-oklch: oklch(0.862 0.176 90.3);
}
.element {
color: var(--philippine-yellow);
background-color: hsl(48 100% 50%);
border-color: oklch(0.862 0.176 90.3);
}Tailwind CSS v4
@theme {
--color-philippine-yellow: #fecb00;
--color-philippine-yellow-50: #fff5bc;
--color-philippine-yellow-100: #fde7a4;
--color-philippine-yellow-200: #efd278;
--color-philippine-yellow-300: #d7b439;
--color-philippine-yellow-400: #c69700;
--color-philippine-yellow-500: #b37c00;
--color-philippine-yellow-600: #976900;
--color-philippine-yellow-700: #795400;
--color-philippine-yellow-800: #5b3c00;
--color-philippine-yellow-900: #402900;
--color-philippine-yellow-950: #291700;
}SCSS
$philippine-yellow: #fecb00;
$philippine-yellow-rgb: 254, 203, 0;
$philippine-yellow-light: mix(#fff, $philippine-yellow, 20%);
$philippine-yellow-dark: mix(#000, $philippine-yellow, 20%);
.element {
color: $philippine-yellow;
box-shadow: 0 0 0 2px rgba($philippine-yellow, 0.35);
}