색상 변환
색상 변환 for #64A5F5 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 100 | 165 | 245 | |
|---|---|---|---|---|
| HSL | 213.1° | 87.88% | 67.65% | |
| HSV | 213.1° | 59.18% | 96.08% | |
| CMYK | 59.18% | 32.65% | 0% | 3.92% |
| XYZ | 35.1862 | 36.209 | 91.5033 | |
| Yxy | 36.209 | 0.216 | 0.2223 | |
| Hunter Lab | 60.1739 | -0.9288 | -48.0021 | |
| CIE-Lab | 66.6793 | 2.6404 | -46.1858 | |
| CIE-LCH | 66.6793 | 46.2612 | 273.272 | |
| CIE-LUV | 66.6793 | -28.4385 | -74.7378 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100100 | 10100101 | 11110101 |
| Octal | 144 | 245 | 365 |
| Decimal | 100 | 165 | 245 |
| Hex | 64 | A5 | F5 |
RGB 비율
CMYK 비율
어두운 톤 #64A5F5
밝은 톤 #64A5F5
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#64A5F5 색상 검은 배경
#64A5F5 색상 예시 텍스트
#64A5F5 색상 흰 배경
#64A5F5 색상 예시 텍스트
#64A5F5 CSS 코드
.background { background-color: #64A5F5; }
.text { color: #64A5F5; }
.border { border: 3px solid #64A5F5; }
.shadow { box-shadow: 0 8px 28px rgba(100, 165, 245, 0.35); }
CSS 미리보기
접근성
흰색 대비2.55:1낮음
검은색 대비8.24:1AAA
웹 안전 색상#6699FFNear
휘도0.36210-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#64A5F5 color
PortuguêsCor #64A5F5
EspañolColor #64A5F5
한국어#64A5F5 색상
日本語#64A5F5 の色
中文#64A5F5 颜色
DeutschFarbe #64A5F5
FrançaisCouleur #64A5F5
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #64A5F5 색상.
비슷한 색
See 파랑 계열
Similar colors
Jordy 파랑
Jordy blue
French 하늘 파랑
French sky blue
Very 밝은 azure
Very light azure
United nations 파랑
United Nations blue
Cornflower 파랑
Cornflower blue
Little boy 파랑
Little boy blue
Blueberry
Blueberry
Brilliant azure
Brilliant azure
파랑 jeans
Blue Jeans
밝은 cobalt 파랑
Light cobalt blue
Bleu de france
Bleu de France
Dodger 파랑
Dodger blue