Màu có tên · #EEC0AB
Soft Orange
Soft Orange là #EEC0AB: rgb(238 192 171), hsl(19 66% 80%), oklch(0.843 0.06 45.8). 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? → · Soft Orange color name →
#EEC0AB
oklch(0.843 0.06 45.8)
Chuyển đổi màu
- HEX
- #eec0ab
- RGB
- rgb(238 192 171)
- HSL
- hsl(19 66% 80%)
- HWB
- hwb(19 67% 7%)
- OKLCH
- oklch(0.843 0.06 45.8)
- OKLab
- oklab(0.843 0.042 0.043)
- CIE Lab
- lab(81.45 14.78 17.18)
- LCH
- lch(81.45 22.66 49.3)
- CMYK
- cmyk(0% 19% 28% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F0C6B3
- F2CDBC
- F4D3C4
- F6D9CC
- F7DFD5
- F9E6DD
- FBECE6
- FCF2EE
- FEF9F6
Sắc đậm
- CFA794
- B18E7E
- 937668
- 775F54
- 5C4940
- 42342D
- 2A201B
- 140E0B
- 030201
Sắc xám
- E3B9A7
- D7B3A2
- CCAD9E
- C1A69A
- B6A096
- AB9991
- A0938D
- 958D89
- 8B8684
Hòa sắc
Bổ túc +180°
- EEC0AB
Soft Orange
- A2D4EA
≈ Light Deluxe Days
Tương đồng -30° +30°
- EEC0AB
Soft Orange
- F0BCBE
≈ Blush Rush
- E3C7A0
≈ Biltmore Buff
Bộ ba +120° +240°
- EEC0AB
Soft Orange
- A7D9C2
≈ Southern Belle
- C7C6F2
≈ Soap
Bổ túc chia +150° +210°
- EEC0AB
Soft Orange
- 9DD8D8
≈ Blue Tint
- B2CEF3
≈ Alphabet Blue
Bộ bốn +90° +180° +270°
- EEC0AB
Soft Orange
- BAD5AE
≈ Jaded Lime
- A2D4EA
≈ Light Deluxe Days
- DBC0E7
≈ Sky Blue Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.64:1 · APCA Lc 29
Ag
AAATrên nền đen
WCAG 12.76:1 · APCA Lc 74
Màu chữ tốt nhất: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--soft-orange: #eec0ab;
--soft-orange-rgb: 238 192 171;
--soft-orange-oklch: oklch(0.843 0.06 45.8);
}
.element {
color: var(--soft-orange);
background-color: hsl(19 66% 80%);
border-color: oklch(0.843 0.06 45.8);
}Tailwind CSS v4
@theme {
--color-soft-orange: #eec0ab;
--color-soft-orange-50: #fff0e7;
--color-soft-orange-100: #fae2d7;
--color-soft-orange-200: #ebcdbf;
--color-soft-orange-300: #d2af9d;
--color-soft-orange-400: #bd9481;
--color-soft-orange-500: #a87a64;
--color-soft-orange-600: #8e6755;
--color-soft-orange-700: #725344;
--color-soft-orange-800: #543c31;
--color-soft-orange-900: #3b2921;
--color-soft-orange-950: #251711;
}SCSS
$soft-orange: #eec0ab;
$soft-orange-rgb: 238, 192, 171;
$soft-orange-light: mix(#fff, $soft-orange, 20%);
$soft-orange-dark: mix(#000, $soft-orange, 20%);
.element {
color: $soft-orange;
box-shadow: 0 0 0 2px rgba($soft-orange, 0.35);
}