이름 색상 · #EEC0AB
Soft Orange
Soft Orange은(는) #EEC0AB: rgb(238 192 171), hsl(19 66% 80%), oklch(0.843 0.06 45.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Soft Orange color name →
#EEC0AB
oklch(0.843 0.06 45.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F0C6B3
- F2CDBC
- F4D3C4
- F6D9CC
- F7DFD5
- F9E6DD
- FBECE6
- FCF2EE
- FEF9F6
셰이드
- CFA794
- B18E7E
- 937668
- 775F54
- 5C4940
- 42342D
- 2A201B
- 140E0B
- 030201
톤
- E3B9A7
- D7B3A2
- CCAD9E
- C1A69A
- B6A096
- AB9991
- A0938D
- 958D89
- 8B8684
색 조화
보색 +180°
- EEC0AB
Soft Orange
- A2D4EA
≈ Light Deluxe Days
유사색 -30° +30°
- EEC0AB
Soft Orange
- F0BCBE
≈ Blush Rush
- E3C7A0
≈ Biltmore Buff
삼각 배색 +120° +240°
- EEC0AB
Soft Orange
- A7D9C2
≈ Southern Belle
- C7C6F2
≈ Soap
분열 보색 +150° +210°
- EEC0AB
Soft Orange
- 9DD8D8
≈ Blue Tint
- B2CEF3
≈ Alphabet Blue
사각 배색 +90° +180° +270°
- EEC0AB
Soft Orange
- BAD5AE
≈ Jaded Lime
- A2D4EA
≈ Light Deluxe Days
- DBC0E7
≈ Sky Blue Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.76:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
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);
}