Benoemde kleur · #FFE696
Chilled Lemonade
Chilled Lemonade is #FFE696: rgb(255 230 150), hsl(46 100% 79%), oklch(0.928 0.103 92.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Chilled Lemonade color name →
#FFE696
oklch(0.928 0.103 92.7)
Kleurconversies
- HEX
- #ffe696
- RGB
- rgb(255 230 150)
- HSL
- hsl(46 100% 79%)
- HWB
- hwb(46 59% 0%)
- OKLCH
- oklch(0.928 0.103 92.7)
- OKLab
- oklab(0.928 -0.005 0.103)
- CIE Lab
- lab(92.05 1.01 42.21)
- LCH
- lch(92.05 42.22 88.6)
- CMYK
- cmyk(0% 10% 41% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFE9A1
- FFEBAD
- FFEEB7
- FFF0C2
- FFF3CD
- FFF5D7
- FFF8E1
- FFFAEB
- FFFDF5
Schaduwen
- DEC882
- BEAB6E
- 9E8E5B
- 807349
- 635937
- 484026
- 2E2816
- 161308
- 030301
Tonen
- F2DB95
- E4D193
- D7C791
- CABC90
- BEB28D
- B1A88B
- A49E89
- 989486
- 8C8A83
Kleurharmonieën
Complementair +180°
- FFE696
Chilled Lemonade
- DFE6FF
≈ Lavender Mist
Analoog -30° +30°
- FFE696
Chilled Lemonade
- FFE1C7
≈ Wild Maple
- DAF3A6
≈ Mint Julep
Triadisch +120° +240°
- FFE696
Chilled Lemonade
- BAF2FF
≈ Northrend
- FFDAF8
≈ Strawberry Frost
Gesplitst complementair +150° +210°
- FFE696
Chilled Lemonade
- D2EBFF
≈ Veiling Waterfalls
- ECE1FF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- FFE696
Chilled Lemonade
- 93FEED
≈ Hello Winter
- DFE6FF
≈ Lavender Mist
- FFDDE5
≈ Fresh Piglet
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.23:1 · APCA Lc 12
Ag
AAAOp zwart
WCAG 17.01:1 · APCA Lc 92
Beste tekstkleur: #000000
WCAG 17.01:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--chilled-lemonade: #ffe696;
--chilled-lemonade-rgb: 255 230 150;
--chilled-lemonade-oklch: oklch(0.928 0.103 92.7);
}
.element {
color: var(--chilled-lemonade);
background-color: hsl(46 100% 79%);
border-color: oklch(0.928 0.103 92.7);
}Tailwind CSS v4
@theme {
--color-chilled-lemonade: #ffe696;
--color-chilled-lemonade-50: #fef5d5;
--color-chilled-lemonade-100: #f3e8c2;
--color-chilled-lemonade-200: #e2d4a2;
--color-chilled-lemonade-300: #c8b77a;
--color-chilled-lemonade-400: #b49d53;
--color-chilled-lemonade-500: #9e8425;
--color-chilled-lemonade-600: #857022;
--color-chilled-lemonade-700: #6b591b;
--color-chilled-lemonade-800: #504111;
--color-chilled-lemonade-900: #382d0b;
--color-chilled-lemonade-950: #221901;
}SCSS
$chilled-lemonade: #ffe696;
$chilled-lemonade-rgb: 255, 230, 150;
$chilled-lemonade-light: mix(#fff, $chilled-lemonade, 20%);
$chilled-lemonade-dark: mix(#000, $chilled-lemonade, 20%);
.element {
color: $chilled-lemonade;
box-shadow: 0 0 0 2px rgba($chilled-lemonade, 0.35);
}