Benoemde kleur · #FEDB2D
Golden Period
Golden Period is #FEDB2D: rgb(254 219 45), hsl(50 99% 59%), oklch(0.895 0.175 96.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Golden Period color name →
#FEDB2D
oklch(0.895 0.175 96.6)
Kleurconversies
- HEX
- #fedb2d
- RGB
- rgb(254 219 45)
- HSL
- hsl(50 99% 59%)
- HWB
- hwb(50 18% 0%)
- OKLCH
- oklch(0.895 0.175 96.6)
- OKLab
- oklab(0.895 -0.02 0.174)
- CIE Lab
- lab(88.44 1.04 80.67)
- LCH
- lch(88.44 80.68 89.3)
- CMYK
- cmyk(0% 14% 82% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FEDF53
- FEE36D
- FEE784
- FEEB98
- FEEEAA
- FEF2BC
- FEF5CE
- FFF9DE
- FFFCEF
Schaduwen
- DDBE26
- BDA21F
- 9E8718
- 806D11
- 63540B
- 473C06
- 2D2602
- 161101
- 030200
Tonen
- F1D243
- E4C951
- D6C05C
- CAB765
- BDAD6C
- B0A471
- A49B76
- 98927A
- 8C897D
Kleurharmonieën
Complementair +180°
- FEDB2D
Golden Period
- D3DAFF
≈ Icy Plains
Analoog -30° +30°
- FEDB2D
Golden Period
- FFD3A8
≈ Neon Cloud
- BEF166
≈ Green Cow
Triadisch +120° +240°
- FEDB2D
Golden Period
- 9DEAFF
≈ Winter Wizard
- FFC9F0
≈ Rosy Maple Moth
Gesplitst complementair +150° +210°
- FEDB2D
Golden Period
- C0E1FF
≈ Dithered Sky
- E7D2FF
≈ Rose Dragée
Tetradisch +90° +180° +270°
- FEDB2D
Golden Period
- 01FDED
≈ Master Sword Blue
- D3DAFF
≈ Icy Plains
- FFCDD6
≈ Bologna Sausage
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOp zwart
WCAG 15.38:1 · APCA Lc 86
Beste tekstkleur: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
CSS
:root {
--golden-period: #fedb2d;
--golden-period-rgb: 254 219 45;
--golden-period-oklch: oklch(0.895 0.175 96.6);
}
.element {
color: var(--golden-period);
background-color: hsl(50 99% 59%);
border-color: oklch(0.895 0.175 96.6);
}Tailwind CSS v4
@theme {
--color-golden-period: #fedb2d;
--color-golden-period-50: #fff7bd;
--color-golden-period-100: #f7e9a5;
--color-golden-period-200: #e7d67b;
--color-golden-period-300: #cfb83d;
--color-golden-period-400: #bd9c00;
--color-golden-period-500: #a88200;
--color-golden-period-600: #8e6e00;
--color-golden-period-700: #725800;
--color-golden-period-800: #563f00;
--color-golden-period-900: #3c2c00;
--color-golden-period-950: #261800;
}SCSS
$golden-period: #fedb2d;
$golden-period-rgb: 254, 219, 45;
$golden-period-light: mix(#fff, $golden-period, 20%);
$golden-period-dark: mix(#000, $golden-period, 20%);
.element {
color: $golden-period;
box-shadow: 0 0 0 2px rgba($golden-period, 0.35);
}