#AAFFFF
#AAFFFF
파랑 계열 · #aff는 #AAFFFF의 세 자리 줄임 표기입니다. CSS에서 두 표기는 같은 색입니다.
| HEX | #AAFFFF |
|---|---|
| RGB | 170, 255, 255 |
| HSL | 180°, 100%, 83% |
| CMYK | 33%, 0%, 0%, 0% |
| 상대 밝기 | 0.87 |
코드를 눌러 복사하세요
글자 대비
Aa
흰 바탕에서
1.14:1 AA 미달
Aa
검은 바탕에서
18.46:1 AA 통과
어울리는 색
보색
#FFA8A8
유사색
#A8FFD4#A8D4FF
삼각 배색
#FFA8FF#FFFFA8
명도 단계
50100200300400500600700800
색약으로 보면
적색맹(P형)녹색맹(D형)청색맹(T형)
읽는 방법
- HEX는 빨강·초록·파랑을 각각 두 자리 16진수로 적은 것입니다. #ff0000은 빨강이 최대, 나머지가 0입니다.
- HSL은 색상(0~360°)·채도·명도로 적습니다. 색을 조금 밝게 하려면 명도만 올리면 되니 손으로 다루기 쉽습니다.
- 글자 대비는 WCAG 기준입니다. 본문 크기 글자는 4.5:1 이상이어야 읽히고, 흰-검 대비가 최대치인 21:1입니다.
- 색약 칸은 세 가지 색각 이상에서 이 색이 어떻게 보이는지 계산한 것입니다. 색만으로 정보를 구분하면 안 되는 이유가 여기 있습니다.
자주 묻는 질문
Q. #aff와 #AAFFFF은 같은 색인가요?
같은 색입니다. CSS는 세 자리 hex의 각 자리를 두 번씩 늘려 읽으므로 #aff는 #AAFFFF이 됩니다. 세 자리로 쓸 수 있는 색은 4,096가지뿐이고, 이 색이 그중 하나입니다.
Q. #AAFFFF 위에는 어떤 색 글자를 얹어야 하나요?
검은 글자입니다. 흰색과의 대비가 1.14:1, 검은색과의 대비가 18.46:1이라 큰 쪽을 골라야 본문 크기 글자가 읽힙니다. WCAG 기준은 4.5:1입니다.
Q. #AAFFFF과 가장 비슷한 이름의 색은 무엇인가요?
파우더블루입니다. 다만 정확히 같은 색은 아니므로, 색이 중요한 곳에서는 이름 대신 hex 코드를 그대로 쓰는 편이 안전합니다.