Benoemde kleur · #FEC615
Orangina
Orangina is #FEC615: rgb(254 198 21), hsl(46 99% 54%), oklch(0.853 0.171 87.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Orangina color name →
#FEC615
oklch(0.853 0.171 87.5)
Kleurconversies
- HEX
- #fec615
- RGB
- rgb(254 198 21)
- HSL
- hsl(46 99% 54%)
- HWB
- hwb(46 8% 0%)
- OKLCH
- oklch(0.853 0.171 87.5)
- OKLab
- oklab(0.853 0.008 0.171)
- CIE Lab
- lab(83.22 10.89 81.56)
- LCH
- lch(83.22 82.28 82.4)
- CMYK
- cmyk(0% 22% 92% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FECC47
- FFD264
- FFD87B
- FFDE91
- FFE4A5
- FFEAB7
- FFEFCA
- FFF5DC
- FFFAEE
Schaduwen
- DDAC11
- BD920C
- 9E7A08
- 806205
- 634B03
- 473502
- 2D2101
- 160E00
- 030200
Tonen
- F1BF36
- E4B847
- D7B154
- CAAB5E
- BDA466
- B19D6D
- A49673
- 988E78
- 8C877C
Kleurharmonieën
Complementair +180°
- FEC615
Orangina
- BACEFF
≈ Ice Cold Stare
Analoog -30° +30°
- FEC615
Orangina
- FFBF90
≈ Sunset Cruise
- C6DD46
≈ Las Palmas
Triadisch +120° +240°
- FEC615
Orangina
- 15E8FF
≈ Whimsical Blue
- FFAEFD
≈ Jigglypuff
Gesplitst complementair +150° +210°
- FEC615
Orangina
- 9AD7FF
≈ Shiva Blue
- D4C4FF
≈ Innocent Snowdrop
Tetradisch +90° +180° +270°
- FEC615
Orangina
- 00F0CE
≈ Fake Jade
- BACEFF
≈ Ice Cold Stare
- FFB7CF
≈ Baby Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.57:1 · APCA Lc 26
Ag
AAAOp zwart
WCAG 13.30:1 · APCA Lc 77
Beste tekstkleur: #000000
WCAG 13.30:1 (AAA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--orangina: #fec615;
--orangina-rgb: 254 198 21;
--orangina-oklch: oklch(0.853 0.171 87.5);
}
.element {
color: var(--orangina);
background-color: hsl(46 99% 54%);
border-color: oklch(0.853 0.171 87.5);
}Tailwind CSS v4
@theme {
--color-orangina: #fec615;
--color-orangina-50: #fff4bd;
--color-orangina-100: #ffe6a6;
--color-orangina-200: #f1d17b;
--color-orangina-300: #dab23f;
--color-orangina-400: #c99600;
--color-orangina-500: #b67a00;
--color-orangina-600: #996800;
--color-orangina-700: #7b5300;
--color-orangina-800: #5d3b00;
--color-orangina-900: #412900;
--color-orangina-950: #291600;
}SCSS
$orangina: #fec615;
$orangina-rgb: 254, 198, 21;
$orangina-light: mix(#fff, $orangina, 20%);
$orangina-dark: mix(#000, $orangina, 20%);
.element {
color: $orangina;
box-shadow: 0 0 0 2px rgba($orangina, 0.35);
}