Cor nomeada · #E4DCBF
Flowery
Flowery é #E4DCBF: rgb(228 220 191), hsl(47 41% 82%), oklch(0.893 0.04 94.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Flowery color name →
#E4DCBF
oklch(0.893 0.04 94.3)
Conversões de cor
- HEX
- #e4dcbf
- RGB
- rgb(228 220 191)
- HSL
- hsl(47 41% 82%)
- HWB
- hwb(47 75% 11%)
- OKLCH
- oklch(0.893 0.04 94.3)
- OKLab
- oklab(0.893 -0.003 0.039)
- CIE Lab
- lab(87.84 -0.68 15.34)
- LCH
- lch(87.84 15.36 92.5)
- CMYK
- cmyk(0% 4% 16% 11%)
Tons claros · Sombras · Tons
Tons claros
- E7DFC5
- E9E3CC
- ECE6D2
- EFEAD9
- F1EDDF
- F4F1E5
- F7F4EC
- FAF8F2
- FCFBF9
Sombras
- C6BFA6
- A9A38D
- 8D8875
- 726E5E
- 585448
- 3F3C33
- 28261F
- 12110D
- 030202
Tons
- DAD2B9
- CFC9B2
- C5C0AC
- BBB6A5
- B1AD9F
- A7A499
- 9D9B93
- 93928C
- 898986
Harmonias de cor
Complementar +180°
- E4DCBF
Flowery
- D3DBF7
≈ Flax Bloom
Análoga -30° +30°
- E4DCBF
Flowery
- EFD7C1
≈ Burrito
- D6E1C5
≈ Security
Tríade +120° +240°
- E4DCBF
Flowery
- BFE3EC
≈ Kyoto
- EDD3E7
≈ Champagne Elegance
Complementar dividida +150° +210°
- E4DCBF
Flowery
- C7DFF5
≈ First Shade of Blue
- E1D6F2
≈ Japan Blush
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.28:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--flowery: #e4dcbf;
--flowery-rgb: 228 220 191;
--flowery-oklch: oklch(0.893 0.04 94.3);
}
.element {
color: var(--flowery);
background-color: hsl(47 41% 82%);
border-color: oklch(0.893 0.04 94.3);
}Tailwind CSS v4
@theme {
--color-flowery: #e4dcbf;
--color-flowery-50: #f8f5e9;
--color-flowery-100: #ebe8da;
--color-flowery-200: #d9d5c2;
--color-flowery-300: #bdb8a1;
--color-flowery-400: #a69f84;
--color-flowery-500: #8e8669;
--color-flowery-600: #787259;
--color-flowery-700: #605b47;
--color-flowery-800: #474233;
--color-flowery-900: #312e23;
--color-flowery-950: #1d1a12;
}SCSS
$flowery: #e4dcbf;
$flowery-rgb: 228, 220, 191;
$flowery-light: mix(#fff, $flowery, 20%);
$flowery-dark: mix(#000, $flowery, 20%);
.element {
color: $flowery;
box-shadow: 0 0 0 2px rgba($flowery, 0.35);
}