Cor nomeada · #FBE8A8
Bleached Sunflower
Bleached Sunflower é #FBE8A8: rgb(251 232 168), hsl(46 91% 82%), oklch(0.931 0.084 93.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Bleached Sunflower color name →
#FBE8A8
oklch(0.931 0.084 93.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FBEAB1
- FCEDBA
- FCEFC3
- FDF2CC
- FDF4D5
- FDF6DD
- FEF8E6
- FEFBEE
- FFFDF7
Sombras
- DACA92
- BAAC7C
- 9C9067
- 7E7452
- 61593F
- 46402C
- 2D291A
- 15130A
- 030301
Tons
- EEDDA4
- E1D2A1
- D5C89D
- C8BD99
- BCB395
- AFA891
- A39E8D
- 979489
- 8C8A84
Harmonias de cor
Complementar +180°
- FBE8A8
Bleached Sunflower
- E1E7FF
≈ Lavender Mist
Análoga -30° +30°
- FBE8A8
Bleached Sunflower
- FFE3CA
≈ Barely Ripe Apricot
- DDF2B4
≈ Spring Kiss
Tríade +120° +240°
- FBE8A8
Bleached Sunflower
- BFF3FF
≈ Northrend
- FFDCF7
≈ Strawberry Frost
Complementar dividida +150° +210°
- FBE8A8
Bleached Sunflower
- D5ECFF
≈ Cloudless
- EEE2FF
≈ Lavender Savour
Tétrade +90° +180° +270°
- FBE8A8
Bleached Sunflower
- A7FBEE
≈ Blister Pearl
- E1E7FF
≈ Lavender Mist
- FFDFE6
≈ Pink Pleasure
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre preto
WCAG 17.20:1 · APCA Lc 93
Melhor cor de texto: #000000
WCAG 17.20:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
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);
}