Benoemde kleur · #FFD781
Zinnia Gold
Zinnia Gold is #FFD781: rgb(255 215 129), hsl(41 100% 75%), oklch(0.895 0.114 85.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Zinnia Gold color name →
#FFD781
oklch(0.895 0.114 85.2)
Kleurconversies
- HEX
- #ffd781
- RGB
- rgb(255 215 129)
- HSL
- hsl(41 100% 75%)
- HWB
- hwb(41 51% 0%)
- OKLCH
- oklch(0.895 0.114 85.2)
- OKLab
- oklab(0.895 0.01 0.114)
- CIE Lab
- lab(88.11 6.78 47.6)
- LCH
- lch(88.11 48.08 81.9)
- CMYK
- cmyk(0% 16% 49% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFDB8F
- FFDF9D
- FFE4AA
- FFE8B6
- FFECC3
- FFF0CF
- FFF4DB
- FFF7E7
- FFFBF3
Schaduwen
- DEBB6F
- BE9F5E
- 9E854E
- 806B3E
- 63522E
- 483B1F
- 2E2512
- 161106
- 030201
Tonen
- F2CE82
- E5C583
- D7BC84
- CBB484
- BEAB84
- B1A284
- A59A83
- 989182
- 8C8981
Kleurharmonieën
Complementair +180°
- FFD781
Zinnia Gold
- CCDDFF
≈ Arc Light
Analoog -30° +30°
- FFD781
Zinnia Gold
- FFD2B4
≈ Sensual Peach
- D9E68C
≈ Grape Cassata
Triadisch +120° +240°
- FFD781
Zinnia Gold
- 7AF2FF
≈ Shallow Water
- FDC7FF
≈ Sugar Chic
Gesplitst complementair +150° +210°
- FFD781
Zinnia Gold
- B7E4FF
≈ Frozen Landscape
- DFD6FF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- FFD781
Zinnia Gold
- 82F5D8
≈ Tiffany Blue
- CCDDFF
≈ Arc Light
- FFCCDE
≈ Linnet Egg Red
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.37:1 · APCA Lc 18
Ag
AAAOp zwart
WCAG 15.28:1 · APCA Lc 85
Beste tekstkleur: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
Codefragmenten
CSS
:root {
--zinnia-gold: #ffd781;
--zinnia-gold-rgb: 255 215 129;
--zinnia-gold-oklch: oklch(0.895 0.114 85.2);
}
.element {
color: var(--zinnia-gold);
background-color: hsl(41 100% 75%);
border-color: oklch(0.895 0.114 85.2);
}Tailwind CSS v4
@theme {
--color-zinnia-gold: #ffd781;
--color-zinnia-gold-50: #fff4d1;
--color-zinnia-gold-100: #f8e6bd;
--color-zinnia-gold-200: #e9d29c;
--color-zinnia-gold-300: #d0b472;
--color-zinnia-gold-400: #bd9948;
--color-zinnia-gold-500: #a87f07;
--color-zinnia-gold-600: #8e6c0f;
--color-zinnia-gold-700: #72560d;
--color-zinnia-gold-800: #553e07;
--color-zinnia-gold-900: #3c2b05;
--color-zinnia-gold-950: #251800;
}SCSS
$zinnia-gold: #ffd781;
$zinnia-gold-rgb: 255, 215, 129;
$zinnia-gold-light: mix(#fff, $zinnia-gold, 20%);
$zinnia-gold-dark: mix(#000, $zinnia-gold, 20%);
.element {
color: $zinnia-gold;
box-shadow: 0 0 0 2px rgba($zinnia-gold, 0.35);
}