Màu có tên · #EBCF89
Sundress
Sundress là #EBCF89: rgb(235 207 137), hsl(43 71% 73%), oklch(0.862 0.094 88.6). 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? → · Sundress color name →
#EBCF89
oklch(0.862 0.094 88.6)
Chuyển đổi màu
- HEX
- #ebcf89
- RGB
- rgb(235 207 137)
- HSL
- hsl(43 71% 73%)
- HWB
- hwb(43 54% 8%)
- OKLCH
- oklch(0.862 0.094 88.6)
- OKLab
- oklab(0.862 0.002 0.094)
- CIE Lab
- lab(84.35 3.25 38.54)
- LCH
- lch(84.35 38.68 85.2)
- CMYK
- cmyk(0% 12% 42% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDD496
- EFD9A2
- F1DEAE
- F3E2BA
- F5E7C5
- F7ECD1
- F9F1DD
- FBF6E8
- FDFAF4
Sắc đậm
- CCB476
- AE9964
- 917F53
- 756742
- 5B4F31
- 413822
- 292314
- 131007
- 030201
Sắc xám
- E0C789
- D5BF89
- CAB788
- BFAF88
- B4A787
- A99F86
- 9F9785
- 949083
- 8A8882
Hòa sắc
Bổ túc +180°
- EBCF89
Sundress
- BFD1FF
≈ Ice Cold Stare
Tương đồng -30° +30°
- EBCF89
Sundress
- FFC497
≈ Orange Sherbet
- CBDB94
≈ Spring Lawn
Bộ ba +120° +240°
- EBCF89
Sundress
- 82E3F2
≈ Photon Barrier
- F5BCF1
≈ Lovecloud
Bổ túc chia +150° +210°
- EBCF89
Sundress
- A3DAFF
≈ Malmö FF
- D8C7FF
≈ Neon Boneyard
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.51:1 · APCA Lc 24
Ag
AAATrên nền đen
WCAG 13.81:1 · APCA Lc 79
Màu chữ tốt nhất: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--sundress: #ebcf89;
--sundress-rgb: 235 207 137;
--sundress-oklch: oklch(0.862 0.094 88.6);
}
.element {
color: var(--sundress);
background-color: hsl(43 71% 73%);
border-color: oklch(0.862 0.094 88.6);
}Tailwind CSS v4
@theme {
--color-sundress: #ebcf89;
--color-sundress-50: #fff5d7;
--color-sundress-100: #f4e7c5;
--color-sundress-200: #e3d3a7;
--color-sundress-300: #cab680;
--color-sundress-400: #b59c5b;
--color-sundress-500: #a08233;
--color-sundress-600: #876e2d;
--color-sundress-700: #6c5824;
--color-sundress-800: #514018;
--color-sundress-900: #382c0f;
--color-sundress-950: #231903;
}SCSS
$sundress: #ebcf89;
$sundress-rgb: 235, 207, 137;
$sundress-light: mix(#fff, $sundress, 20%);
$sundress-dark: mix(#000, $sundress, 20%);
.element {
color: $sundress;
box-shadow: 0 0 0 2px rgba($sundress, 0.35);
}