#553840
#553840 ≈ Eggplant
#553840은(는) 로즈 계열의 색입니다(명도: 낮음, 채도: 낮음). RGB 모델에서는 빨강 33.33%, 초록 21.96%, 파랑 25.1%로 이루어지며, CMYK 인쇄 시 시안 0%, 마젠타 34.12%, 노랑 24.71%, 검정 66.67%를 사용합니다. HSL에서 색상각은 343.45°, 채도는 20.57%, 명도는 27.65%입니다. 따뜻한 색으로, 흔히 낭만, 장난기, 애정을(를) 떠올리게 합니다. 디자이너들은 주로 식품 브랜드와 레스토랑, 세일과 프로모션, 기업 아이덴티티에 사용합니다. 이 색 위에 흰색 글자를 쓰면 명도 대비는 10.37:1(WCAG AAA)입니다. 가장 가까운 이름 있는 색은 Eggplant(#614051)이며 ΔE는 4.95입니다.
이 색상의 측정값을 바탕으로 생성한 설명입니다.
| HEX | |
|---|---|
| RGB | |
| RGB 백분율 | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| 웹 안전 | #663333 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 2진수 | |
| 10진수 | |
| 상대 휘도 | 0.0513 |
셰이드
#553840에 검정을 점차 섞은 색입니다.
틴트
#553840에 흰색을 점차 섞은 색입니다.
톤
#553840에 회색을 점차 섞은 색입니다.
읽기 쉬운 글자
10.37:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
읽기 쉬운 글자
2.03:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
이 색의 글자
이 색의 배경
이 색의 테두리
글자색
.text-553840 {
color: #553840;
}
배경
.bg-553840 {
background-color: #553840;
color: #ffffff;
}
테두리
.border-553840 {
border: 2px solid #553840;
}
CSS 변수
:root {
--color-primary: #553840;
--color-primary-rgb: 85 56 64;
--color-primary-hsl: 343 21% 28%;
}
그라데이션
.gradient-553840 {
background: linear-gradient(135deg, #553840, #553f38);
}
색 그림자
.shadow-553840 {
box-shadow: 0 8px 24px rgb(85 56 64 / 0.35);
}
Eggplant
#553840 rgb(85, 56, 64) hsl(343, 21%, 28%) Eggplant
#38554d rgb(56, 85, 77) hsl(163, 21%, 28%) Dark Slate Gray
#405538 rgb(64, 85, 56) hsl(103, 21%, 28%) Hunter Green
#384055 rgb(56, 64, 85) hsl(223, 21%, 28%) Charcoal