#651229
#651229 ≈ Claret
#651229은(는) 로즈 계열의 색입니다(명도: 낮음, 채도: 보통). RGB 모델에서는 빨강 39.61%, 초록 7.06%, 파랑 16.08%로 이루어지며, CMYK 인쇄 시 시안 0%, 마젠타 82.18%, 노랑 59.41%, 검정 60.39%를 사용합니다. HSL에서 색상각은 343.37°, 채도는 69.75%, 명도는 23.33%입니다. 따뜻한 색으로, 흔히 낭만, 장난기, 애정을(를) 떠올리게 합니다. 디자이너들은 주로 식품 브랜드와 레스토랑, 세일과 프로모션, 럭셔리 브랜드에 사용합니다. 이 색 위에 흰색 글자를 쓰면 명도 대비는 12.56:1(WCAG AAA)입니다. 가장 가까운 이름 있는 색은 Claret(#7f1734)이며 ΔE는 5.3입니다.
이 색상의 측정값을 바탕으로 생성한 설명입니다.
| HEX | |
|---|---|
| RGB | |
| RGB 백분율 | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| 웹 안전 | #660033 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 2진수 | |
| 10진수 | |
| 상대 휘도 | 0.0336 |
셰이드
#651229에 검정을 점차 섞은 색입니다.
틴트
#651229에 흰색을 점차 섞은 색입니다.
톤
#651229에 회색을 점차 섞은 색입니다.
읽기 쉬운 글자
12.56:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
읽기 쉬운 글자
1.67:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
이 색의 글자
이 색의 배경
이 색의 테두리
글자색
.text-651229 {
color: #651229;
}
배경
.bg-651229 {
background-color: #651229;
color: #ffffff;
}
테두리
.border-651229 {
border: 2px solid #651229;
}
CSS 변수
:root {
--color-primary: #651229;
--color-primary-rgb: 101 18 41;
--color-primary-hsl: 343 70% 23%;
}
그라데이션
.gradient-651229 {
background: linear-gradient(135deg, #651229, #652412);
}
색 그림자
.shadow-651229 {
box-shadow: 0 8px 24px rgb(101 18 41 / 0.35);
}
Claret
#651229 rgb(101, 18, 41) hsl(343, 70%, 23%) Claret
#12654e rgb(18, 101, 78) hsl(163, 70%, 23%) Tropical Rain Forest
#296512 rgb(41, 101, 18) hsl(103, 70%, 23%) Dark Green
#122965 rgb(18, 41, 101) hsl(223, 70%, 23%) Oxford Blue