Màu có tên · #E4DCBF
Flowery
Flowery là #E4DCBF: rgb(228 220 191), hsl(47 41% 82%), oklch(0.893 0.04 94.3). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Flowery color name →
#E4DCBF
oklch(0.893 0.04 94.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E7DFC5
- E9E3CC
- ECE6D2
- EFEAD9
- F1EDDF
- F4F1E5
- F7F4EC
- FAF8F2
- FCFBF9
Sắc đậm
- C6BFA6
- A9A38D
- 8D8875
- 726E5E
- 585448
- 3F3C33
- 28261F
- 12110D
- 030202
Sắc xám
- DAD2B9
- CFC9B2
- C5C0AC
- BBB6A5
- B1AD9F
- A7A499
- 9D9B93
- 93928C
- 898986
Hòa sắc
Bổ túc +180°
- E4DCBF
Flowery
- D3DBF7
≈ Flax Bloom
Tương đồng -30° +30°
- E4DCBF
Flowery
- EFD7C1
≈ Burrito
- D6E1C5
≈ Security
Bộ ba +120° +240°
- E4DCBF
Flowery
- BFE3EC
≈ Kyoto
- EDD3E7
≈ Champagne Elegance
Bổ túc chia +150° +210°
- E4DCBF
Flowery
- C7DFF5
≈ First Shade of Blue
- E1D6F2
≈ Japan Blush
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.37:1 · APCA Lc 18
Ag
AAATrên nền đen
WCAG 15.28:1 · APCA Lc 85
Màu chữ tốt nhất: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
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);
}