#573139
#573139 ≈ Eggplant
#573139은(는) 빨강 계열의 색입니다(명도: 낮음, 채도: 낮음). RGB 모델에서는 빨강 34.12%, 초록 19.22%, 파랑 22.35%로 이루어지며, CMYK 인쇄 시 시안 0%, 마젠타 43.68%, 노랑 34.48%, 검정 65.88%를 사용합니다. HSL에서 색상각은 347.37°, 채도는 27.94%, 명도는 26.67%입니다. 따뜻한 색으로, 흔히 에너지, 열정, 긴박감을(를) 떠올리게 합니다. 디자이너들은 주로 식품 브랜드와 레스토랑, 세일과 프로모션, 기업 아이덴티티에 사용합니다. 이 색 위에 흰색 글자를 쓰면 명도 대비는 11.03:1(WCAG AAA)입니다. 가장 가까운 이름 있는 색은 Eggplant(#614051)이며 ΔE는 6.5입니다.
이 색상의 측정값을 바탕으로 생성한 설명입니다.
| HEX | |
|---|---|
| RGB | |
| RGB 백분율 | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| 웹 안전 | #663333 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 2진수 | |
| 10진수 | |
| 상대 휘도 | 0.0452 |
셰이드
#573139에 검정을 점차 섞은 색입니다.
틴트
#573139에 흰색을 점차 섞은 색입니다.
톤
#573139에 회색을 점차 섞은 색입니다.
읽기 쉬운 글자
11.03:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
읽기 쉬운 글자
1.9:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
이 색의 글자
이 색의 배경
이 색의 테두리
글자색
.text-573139 {
color: #573139;
}
배경
.bg-573139 {
background-color: #573139;
color: #ffffff;
}
테두리
.border-573139 {
border: 2px solid #573139;
}
CSS 변수
:root {
--color-primary: #573139;
--color-primary-rgb: 87 49 57;
--color-primary-hsl: 347 28% 27%;
}
그라데이션
.gradient-573139 {
background: linear-gradient(135deg, #573139, #573c31);
}
색 그림자
.shadow-573139 {
box-shadow: 0 8px 24px rgb(87 49 57 / 0.35);
}
Eggplant
#573139 rgb(87, 49, 57) hsl(347, 28%, 27%) Eggplant
#31574f rgb(49, 87, 79) hsl(167, 28%, 27%) Dark Slate Gray
#395731 rgb(57, 87, 49) hsl(107, 28%, 27%) Hunter Green
#313957 rgb(49, 57, 87) hsl(227, 28%, 27%) Prussian Blue