#67474E
#67474e ≈ Eggplant
#67474e은(는) 빨강 계열의 색입니다(명도: 낮음, 채도: 낮음). RGB 모델에서는 빨강 40.39%, 초록 27.84%, 파랑 30.59%로 이루어지며, CMYK 인쇄 시 시안 0%, 마젠타 31.07%, 노랑 24.27%, 검정 59.61%를 사용합니다. HSL에서 색상각은 346.88°, 채도는 18.39%, 명도는 34.12%입니다. 따뜻한 색으로, 흔히 에너지, 열정, 긴박감을(를) 떠올리게 합니다. 디자이너들은 주로 식품 브랜드와 레스토랑, 세일과 프로모션, 기업 아이덴티티에 사용합니다. 이 색 위에 흰색 글자를 쓰면 명도 대비는 8.11:1(WCAG AAA)입니다. 가장 가까운 이름 있는 색은 Eggplant(#614051)이며 ΔE는 4.62입니다.
이 색상의 측정값을 바탕으로 생성한 설명입니다.
| HEX | |
|---|---|
| RGB | |
| RGB 백분율 | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| 웹 안전 | #663366 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 2진수 | |
| 10진수 | |
| 상대 휘도 | 0.0794 |
셰이드
#67474e에 검정을 점차 섞은 색입니다.
틴트
#67474e에 흰색을 점차 섞은 색입니다.
톤
#67474e에 회색을 점차 섞은 색입니다.
읽기 쉬운 글자
8.11:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
읽기 쉬운 글자
2.59:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
이 색의 글자
이 색의 배경
이 색의 테두리
글자색
.text-67474e {
color: #67474e;
}
배경
.bg-67474e {
background-color: #67474e;
color: #ffffff;
}
테두리
.border-67474e {
border: 2px solid #67474e;
}
CSS 변수
:root {
--color-primary: #67474e;
--color-primary-rgb: 103 71 78;
--color-primary-hsl: 347 18% 34%;
}
그라데이션
.gradient-67474e {
background: linear-gradient(135deg, #67474e, #675047);
}
색 그림자
.shadow-67474e {
box-shadow: 0 8px 24px rgb(103 71 78 / 0.35);
}
Eggplant
#67474e rgb(103, 71, 78) hsl(347, 18%, 34%) Eggplant
#476760 rgb(71, 103, 96) hsl(167, 18%, 34%) Feldgrau
#4e6747 rgb(78, 103, 71) hsl(107, 18%, 34%) Hunter Green
#474e67 rgb(71, 78, 103) hsl(227, 18%, 34%) Charcoal