색상 변환
색상 변환 for #54A5CE 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 84 | 165 | 206 | |
|---|---|---|---|---|
| HSL | 200.16° | 55.45% | 56.86% | |
| HSV | 200.16° | 59.22% | 80.78% | |
| CMYK | 59.22% | 19.9% | 0% | 19.22% |
| XYZ | 28.2476 | 33.2486 | 63.3095 | |
| Yxy | 33.2486 | 0.2263 | 0.2664 | |
| Hunter Lab | 57.6616 | -13.4639 | -24.7088 | |
| CIE-Lab | 64.3617 | -12.7162 | -28.3748 | |
| CIE-LCH | 64.3617 | 31.0939 | 245.8604 | |
| CIE-LUV | 64.3617 | -33.6616 | -42.6171 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010100 | 10100101 | 11001110 |
| Octal | 124 | 245 | 316 |
| Decimal | 84 | 165 | 206 |
| Hex | 54 | A5 | CE |
RGB 비율
CMYK 비율
어두운 톤 #54A5CE
밝은 톤 #54A5CE
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#54A5CE 색상 검은 배경
#54A5CE 색상 예시 텍스트
#54A5CE 색상 흰 배경
#54A5CE 색상 예시 텍스트
#54A5CE CSS 코드
.background { background-color: #54A5CE; }
.text { color: #54A5CE; }
.border { border: 3px solid #54A5CE; }
.shadow { box-shadow: 0 8px 28px rgba(84, 165, 206, 0.35); }CSS 미리보기
접근성
흰색 대비2.75:1낮음
검은색 대비7.65:1AAA
웹 안전 색상#6699CCNear
휘도0.33250-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#54A5CE color
PortuguêsCor #54A5CE
EspañolColor #54A5CE
한국어#54A5CE 색상
日本語#54A5CE の色
中文#54A5CE 颜色
DeutschFarbe #54A5CE
FrançaisCouleur #54A5CE
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #54A5CE 색상.
비슷한 색
See 파랑 계열
Similar colors
Carolina 파랑
Carolina blue
Picton 파랑
Picton blue
Moonstone 파랑
Moonstone blue
Maximum 파랑
Maximum Blue
Celestial 파랑
Celestial blue
어두운 하늘 파랑
Dark sky blue
Air superiority 파랑
Air superiority blue
Iceberg
Iceberg
Pewter 파랑
Pewter Blue
밝은 cornflower 파랑
Light cornflower blue
파랑-회색
Blue-gray
Cerulean frost
Cerulean frost