Màu có tên · #ECD5AA
Sweet Marzipan
Sweet Marzipan là #ECD5AA: rgb(236 213 170), hsl(39 63% 80%), oklch(0.881 0.062 83). 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 Orange mean? → · Sweet Marzipan color name →
#ECD5AA
oklch(0.881 0.062 83)
Chuyển đổi màu
- HEX
- #ecd5aa
- RGB
- rgb(236 213 170)
- HSL
- hsl(39 63% 80%)
- HWB
- hwb(39 67% 7%)
- OKLCH
- oklch(0.881 0.062 83)
- OKLab
- oklab(0.881 0.008 0.061)
- CIE Lab
- lab(86.41 3.55 24.4)
- LCH
- lch(86.41 24.66 81.7)
- CMYK
- cmyk(0% 10% 28% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EED9B3
- F0DDBB
- F2E2C4
- F4E6CC
- F6EAD5
- F8EEDD
- F9F2E6
- FBF7EE
- FDFBF7
Sắc đậm
- CDB993
- AF9E7D
- 928368
- 766A53
- 5B513F
- 423A2D
- 29241B
- 13100B
- 030201
Sắc xám
- E1CCA6
- D6C3A2
- CABB9E
- BFB29A
- B5AA95
- AAA191
- 9F998D
- 959089
- 8A8884
Hòa sắc
Bổ túc +180°
- ECD5AA
Sweet Marzipan
- C4D9FF
≈ Pale Phthalo Blue
Tương đồng -30° +30°
- ECD5AA
Sweet Marzipan
- FACEB3
≈ Lips of Apricot
- D8DDAE
≈ Zombie
Bộ ba +120° +240°
- ECD5AA
Sweet Marzipan
- A8E5EA
≈ Uranus
- ECCBF0
≈ Bubblegum Crisis
Bổ túc chia +150° +210°
- ECD5AA
Sweet Marzipan
- B0E0FB
≈ Fairy Sparkles
- D9D1FE
≈ Pale Lavender
Bộ bốn +90° +180° +270°
- ECD5AA
Sweet Marzipan
- AEE6D4
≈ Crystal Rapids
- C4D9FF
≈ Pale Phthalo Blue
- FAC8DB
≈ Laelia Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.43:1 · APCA Lc 21
Ag
AAATrên nền đen
WCAG 14.66:1 · APCA Lc 83
Màu chữ tốt nhất: #000000
WCAG 14.66:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--sweet-marzipan: #ecd5aa;
--sweet-marzipan-rgb: 236 213 170;
--sweet-marzipan-oklch: oklch(0.881 0.062 83);
}
.element {
color: var(--sweet-marzipan);
background-color: hsl(39 63% 80%);
border-color: oklch(0.881 0.062 83);
}Tailwind CSS v4
@theme {
--color-sweet-marzipan: #ecd5aa;
--color-sweet-marzipan-50: #fdf4e2;
--color-sweet-marzipan-100: #f1e7d1;
--color-sweet-marzipan-200: #e0d3b7;
--color-sweet-marzipan-300: #c6b694;
--color-sweet-marzipan-400: #b09c75;
--color-sweet-marzipan-500: #9a8356;
--color-sweet-marzipan-600: #826f49;
--color-sweet-marzipan-700: #68583a;
--color-sweet-marzipan-800: #4d4029;
--color-sweet-marzipan-900: #362c1c;
--color-sweet-marzipan-950: #21190c;
}SCSS
$sweet-marzipan: #ecd5aa;
$sweet-marzipan-rgb: 236, 213, 170;
$sweet-marzipan-light: mix(#fff, $sweet-marzipan, 20%);
$sweet-marzipan-dark: mix(#000, $sweet-marzipan, 20%);
.element {
color: $sweet-marzipan;
box-shadow: 0 0 0 2px rgba($sweet-marzipan, 0.35);
}