Benoemde kleur · #FCD215
Tanzanian Gold
Tanzanian Gold is #FCD215: rgb(252 210 21), hsl(49 97% 54%), oklch(0.874 0.176 94). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Tanzanian Gold color name →
#FCD215
oklch(0.874 0.176 94)
Kleurconversies
- HEX
- #fcd215
- RGB
- rgb(252 210 21)
- HSL
- hsl(49 97% 54%)
- HWB
- hwb(49 8% 1%)
- OKLCH
- oklch(0.874 0.176 94)
- OKLab
- oklab(0.874 -0.012 0.176)
- CIE Lab
- lab(85.96 4.2 83.35)
- LCH
- lch(85.96 83.46 87.1)
- CMYK
- cmyk(0% 17% 92% 1%)
Tinten · Schaduwen · Tonen
Tinten
- FCD748
- FDDC66
- FDE17D
- FDE592
- FDEAA6
- FEEEB9
- FEF3CB
- FEF7DD
- FFFBEE
Schaduwen
- DBB611
- BB9B0C
- 9C8108
- 7E6805
- 625003
- 473902
- 2D2401
- 161000
- 030200
Tonen
- EFCA37
- E2C249
- D5BA55
- C9B15F
- BCA968
- B0A16E
- A49974
- 989179
- 8C887D
Kleurharmonieën
Complementair +180°
- FCD215
Tanzanian Gold
- C9D4FF
≈ Pale Phthalo Blue
Analoog -30° +30°
- FCD215
Tanzanian Gold
- FFCA99
≈ Peachy Breezes
- BEE858
≈ Energos
Triadisch +120° +240°
- FCD215
Tanzanian Gold
- 7EE7FF
≈ Robin’s Egg
- FFBDF1
≈ Pink Quartz
Gesplitst complementair +150° +210°
- FCD215
Tanzanian Gold
- B1DBFF
≈ Droplet
- E0CAFF
≈ Foggy Heath
Tetradisch +90° +180° +270°
- FCD215
Tanzanian Gold
- 00F6E1
≈ Bright Aqua
- C9D4FF
≈ Pale Phthalo Blue
- FFC3D0
≈ Garden Glory
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.46:1 · APCA Lc 22
Ag
AAAOp zwart
WCAG 14.36:1 · APCA Lc 82
Beste tekstkleur: #000000
WCAG 14.36:1 (AAA) · APCA Lc 82
Contrast pairs
Codefragmenten
CSS
:root {
--tanzanian-gold: #fcd215;
--tanzanian-gold-rgb: 252 210 21;
--tanzanian-gold-oklch: oklch(0.874 0.176 94);
}
.element {
color: var(--tanzanian-gold);
background-color: hsl(49 97% 54%);
border-color: oklch(0.874 0.176 94);
}Tailwind CSS v4
@theme {
--color-tanzanian-gold: #fcd215;
--color-tanzanian-gold-50: #fff6bc;
--color-tanzanian-gold-100: #f9e8a4;
--color-tanzanian-gold-200: #ebd479;
--color-tanzanian-gold-300: #d2b63a;
--color-tanzanian-gold-400: #c19a00;
--color-tanzanian-gold-500: #ad7f00;
--color-tanzanian-gold-600: #926c00;
--color-tanzanian-gold-700: #755600;
--color-tanzanian-gold-800: #583e00;
--color-tanzanian-gold-900: #3e2b00;
--color-tanzanian-gold-950: #271800;
}SCSS
$tanzanian-gold: #fcd215;
$tanzanian-gold-rgb: 252, 210, 21;
$tanzanian-gold-light: mix(#fff, $tanzanian-gold, 20%);
$tanzanian-gold-dark: mix(#000, $tanzanian-gold, 20%);
.element {
color: $tanzanian-gold;
box-shadow: 0 0 0 2px rgba($tanzanian-gold, 0.35);
}