색상 변환
색상 변환 for #89A2CC 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 137 | 162 | 204 | |
|---|---|---|---|---|
| HSL | 217.61° | 39.64% | 66.86% | |
| HSV | 217.61° | 32.84% | 80% | |
| CMYK | 32.84% | 20.59% | 0% | 20% |
| XYZ | 34.1327 | 35.5172 | 62.1721 | |
| Yxy | 35.5172 | 0.2589 | 0.2694 | |
| Hunter Lab | 59.5963 | -2.0617 | -20.1109 | |
| CIE-Lab | 66.1494 | 1.3052 | -24.2869 | |
| CIE-LCH | 66.1494 | 24.3219 | 273.0762 | |
| CIE-LUV | 66.1494 | -14.2939 | -37.8867 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10001001 | 10100010 | 11001100 |
| Octal | 211 | 242 | 314 |
| Decimal | 137 | 162 | 204 |
| Hex | 89 | A2 | CC |
RGB 비율
CMYK 비율
어두운 톤 #89A2CC
밝은 톤 #89A2CC
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#89A2CC 색상 검은 배경
#89A2CC 색상 예시 텍스트
#89A2CC 색상 흰 배경
#89A2CC 색상 예시 텍스트
#89A2CC CSS 코드
.background { background-color: #89A2CC; }
.text { color: #89A2CC; }
.border { border: 3px solid #89A2CC; }
.shadow { box-shadow: 0 8px 28px rgba(137, 162, 204, 0.35); }CSS 미리보기
접근성
흰색 대비2.59:1낮음
검은색 대비8.1:1AAA
웹 안전 색상#9999CCNear
휘도0.35520-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#89A2CC color
PortuguêsCor #89A2CC
EspañolColor #89A2CC
한국어#89A2CC 색상
日本語#89A2CC の色
中文#89A2CC 颜色
DeutschFarbe #89A2CC
FrançaisCouleur #89A2CC
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #89A2CC 색상.
비슷한 색
See 파랑 계열
Similar colors
Vista 파랑
Vista blue
Glaucous
Glaucous
Ceil
Ceil
어두운 pastel 파랑
Dark pastel blue
밝은 steel 파랑
Light steel blue
밝은 cobalt 파랑
Light cobalt blue
파랑 yonder
Blue yonder
Cornflower 파랑
Cornflower blue
은색 lake 파랑
Silver Lake blue
United nations 파랑
United Nations blue
Wild 파랑 yonder
Wild blue yonder
Little boy 파랑
Little boy blue