Benoemde kleur · #FBE8A8
Bleached Sunflower
Bleached Sunflower is #FBE8A8: rgb(251 232 168), hsl(46 91% 82%), oklch(0.931 0.084 93.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Bleached Sunflower color name →
#FBE8A8
oklch(0.931 0.084 93.5)
Kleurconversies
- HEX
- #fbe8a8
- RGB
- rgb(251 232 168)
- HSL
- hsl(46 91% 82%)
- HWB
- hwb(46 66% 2%)
- OKLCH
- oklch(0.931 0.084 93.5)
- OKLab
- oklab(0.931 -0.005 0.084)
- CIE Lab
- lab(92.44 -0.04 33.68)
- LCH
- lch(92.44 33.68 90.1)
- CMYK
- cmyk(0% 8% 33% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FBEAB1
- FCEDBA
- FCEFC3
- FDF2CC
- FDF4D5
- FDF6DD
- FEF8E6
- FEFBEE
- FFFDF7
Schaduwen
- DACA92
- BAAC7C
- 9C9067
- 7E7452
- 61593F
- 46402C
- 2D291A
- 15130A
- 030301
Tonen
- EEDDA4
- E1D2A1
- D5C89D
- C8BD99
- BCB395
- AFA891
- A39E8D
- 979489
- 8C8A84
Kleurharmonieën
Complementair +180°
- FBE8A8
Bleached Sunflower
- E1E7FF
≈ Lavender Mist
Analoog -30° +30°
- FBE8A8
Bleached Sunflower
- FFE3CA
≈ Barely Ripe Apricot
- DDF2B4
≈ Spring Kiss
Triadisch +120° +240°
- FBE8A8
Bleached Sunflower
- BFF3FF
≈ Northrend
- FFDCF7
≈ Strawberry Frost
Gesplitst complementair +150° +210°
- FBE8A8
Bleached Sunflower
- D5ECFF
≈ Cloudless
- EEE2FF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- FBE8A8
Bleached Sunflower
- A7FBEE
≈ Blister Pearl
- E1E7FF
≈ Lavender Mist
- FFDFE6
≈ Pink Pleasure
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOp zwart
WCAG 17.20:1 · APCA Lc 93
Beste tekstkleur: #000000
WCAG 17.20:1 (AAA) · APCA Lc 93
Contrast pairs
Codefragmenten
CSS
:root {
--bleached-sunflower: #fbe8a8;
--bleached-sunflower-rgb: 251 232 168;
--bleached-sunflower-oklch: oklch(0.931 0.084 93.5);
}
.element {
color: var(--bleached-sunflower);
background-color: hsl(46 91% 82%);
border-color: oklch(0.931 0.084 93.5);
}Tailwind CSS v4
@theme {
--color-bleached-sunflower: #fbe8a8;
--color-bleached-sunflower-50: #fcf6db;
--color-bleached-sunflower-100: #f0e8c9;
--color-bleached-sunflower-200: #dfd5ac;
--color-bleached-sunflower-300: #c4b887;
--color-bleached-sunflower-400: #af9e64;
--color-bleached-sunflower-500: #998540;
--color-bleached-sunflower-600: #817137;
--color-bleached-sunflower-700: #675a2c;
--color-bleached-sunflower-800: #4d411e;
--color-bleached-sunflower-900: #352d14;
--color-bleached-sunflower-950: #211a06;
}SCSS
$bleached-sunflower: #fbe8a8;
$bleached-sunflower-rgb: 251, 232, 168;
$bleached-sunflower-light: mix(#fff, $bleached-sunflower, 20%);
$bleached-sunflower-dark: mix(#000, $bleached-sunflower, 20%);
.element {
color: $bleached-sunflower;
box-shadow: 0 0 0 2px rgba($bleached-sunflower, 0.35);
}