#A95161
#a95161 ≈ Mauve Taupe
#a95161은(는) 빨강 계열의 색입니다(명도: 보통, 채도: 보통). RGB 모델에서는 빨강 66.27%, 초록 31.76%, 파랑 38.04%로 이루어지며, CMYK 인쇄 시 시안 0%, 마젠타 52.07%, 노랑 42.6%, 검정 33.73%를 사용합니다. HSL에서 색상각은 349.09°, 채도는 35.2%, 명도는 49.02%입니다. 따뜻한 색으로, 흔히 에너지, 열정, 긴박감을(를) 떠올리게 합니다. 디자이너들은 주로 식품 브랜드와 레스토랑, 세일과 프로모션, 브랜드 포인트에 사용합니다. 이 색 위에 흰색 글자를 쓰면 명도 대비는 5.2:1(WCAG AA)입니다. 가장 가까운 이름 있는 색은 Mauve Taupe(#915f6d)이며 ΔE는 7.72입니다.
이 색상의 측정값을 바탕으로 생성한 설명입니다.
| HEX | |
|---|---|
| RGB | |
| RGB 백분율 | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| 웹 안전 | #996666 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 2진수 | |
| 10진수 | |
| 상대 휘도 | 0.1518 |
셰이드
#a95161에 검정을 점차 섞은 색입니다.
틴트
#a95161에 흰색을 점차 섞은 색입니다.
톤
#a95161에 회색을 점차 섞은 색입니다.
읽기 쉬운 글자
5.2:1
AA ✓
AA Large ✓
AAA ✕
AAA Large ✓
읽기 쉬운 글자
4.04:1
AA ✕
AA Large ✓
AAA ✕
AAA Large ✕
이 색의 글자
이 색의 배경
이 색의 테두리
글자색
.text-a95161 {
color: #a95161;
}
배경
.bg-a95161 {
background-color: #a95161;
color: #ffffff;
}
테두리
.border-a95161 {
border: 2px solid #a95161;
}
CSS 변수
:root {
--color-primary: #a95161;
--color-primary-rgb: 169 81 97;
--color-primary-hsl: 349 35% 49%;
}
그라데이션
.gradient-a95161 {
background: linear-gradient(135deg, #a95161, #a96d51);
}
색 그림자
.shadow-a95161 {
box-shadow: 0 8px 24px rgb(169 81 97 / 0.35);
}
Mauve Taupe
#a95161 rgb(169, 81, 97) hsl(349, 35%, 49%) Mauve Taupe
#51a999 rgb(81, 169, 153) hsl(169, 35%, 49%) Persian Green
#61a951 rgb(97, 169, 81) hsl(109, 35%, 49%) Asparagus
#5161a9 rgb(81, 97, 169) hsl(229, 35%, 49%) Queen Blue