베이지
#F5F5DC
| HEX | #F5F5DC |
|---|---|
| RGB | 245, 245, 220 |
| HSL | 60°, 56%, 91% |
| CMYK | 0%, 0%, 10%, 4% |
| 상대 밝기 | 0.9 |
글자 대비
Aa
흰 바탕에서
1.11:1 AA 미달
Aa
검은 바탕에서
18.98:1 AA 통과
어울리는 색
보색
#DBDBF5
유사색
#F5E8DB#E8F5DB
삼각 배색
#DBF5F5#F5DBF5
명도 단계
50100200300400500600700800
색약으로 보면
적색맹(P형)녹색맹(D형)청색맹(T형)
읽는 방법
- HEX는 빨강·초록·파랑을 각각 두 자리 16진수로 적은 것입니다. #ff0000은 빨강이 최대, 나머지가 0입니다.
- HSL은 색상(0~360°)·채도·명도로 적습니다. 색을 조금 밝게 하려면 명도만 올리면 되니 손으로 다루기 쉽습니다.
- 글자 대비는 WCAG 기준입니다. 본문 크기 글자는 4.5:1 이상이어야 읽히고, 흰-검 대비가 최대치인 21:1입니다.
- 색약 칸은 세 가지 색각 이상에서 이 색이 어떻게 보이는지 계산한 것입니다. 색만으로 정보를 구분하면 안 되는 이유가 여기 있습니다.
자주 묻는 질문
Q. 베이지의 hex 코드는 무엇인가요?
#F5F5DC입니다. RGB로는 245, 245, 220이고 HSL로는 색상 60°, 채도 56%, 명도 91%입니다.
Q. 베이지 위에는 어떤 색 글자를 얹어야 하나요?
검은 글자입니다. 이 색과 흰색의 대비는 1.11:1, 검은색과의 대비는 18.98:1이라 대비가 큰 쪽을 골라야 본문 크기 글자가 읽힙니다.
Q. 베이지의 보색은 무엇인가요?
색상환에서 180° 반대편인 #DBDBF5입니다. 나란히 두면 서로를 가장 강하게 밀어내므로, 강조색으로는 좋고 넓은 면적에 함께 쓰면 눈이 피로합니다.
Q. CMYK 값은 인쇄에 바로 쓸 수 있나요?
계산값은 C 0% · M 0% · Y 10% · K 4%입니다. 다만 실제 인쇄는 종이와 잉크에 따라 달라지므로, 색이 중요한 인쇄물이라면 인쇄소의 색 견본으로 확인해야 합니다.
Q. 색약에서도 이 색이 구별되나요?
적색맹에서는 #F5F5E2, 녹색맹에서는 #F5F5E4, 청색맹에서는 #F5E7E8로 보입니다. 이 값들이 서로 비슷해지는 색끼리는 색만으로 구분하면 안 되고 모양이나 글자를 함께 써야 합니다.