색상 변환
색상 변환 for #6486A0 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 100 | 134 | 160 | |
|---|---|---|---|---|
| HSL | 206° | 24% | 50.98% | |
| HSV | 206° | 37.5% | 62.75% | |
| CMYK | 37.5% | 16.25% | 0% | 37.25% |
| XYZ | 20.1237 | 22.2965 | 36.4942 | |
| Yxy | 22.2965 | 0.255 | 0.2825 | |
| Hunter Lab | 47.2192 | -6.5617 | -12.752 | |
| CIE-Lab | 54.3402 | -5.1835 | -17.6501 | |
| CIE-LCH | 54.3402 | 18.3955 | 253.6335 | |
| CIE-LUV | 54.3402 | -17.2224 | -25.3685 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100100 | 10000110 | 10100000 |
| Octal | 144 | 206 | 240 |
| Decimal | 100 | 134 | 160 |
| Hex | 64 | 86 | A0 |
RGB 비율
CMYK 비율
어두운 톤 #6486A0
밝은 톤 #6486A0
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#6486A0 색상 검은 배경
#6486A0 색상 예시 텍스트
#6486A0 색상 흰 배경
#6486A0 색상 예시 텍스트
#6486A0 CSS 코드
.background { background-color: #6486A0; }
.text { color: #6486A0; }
.border { border: 3px solid #6486A0; }
.shadow { box-shadow: 0 8px 28px rgba(100, 134, 160, 0.35); }
CSS 미리보기
접근성
흰색 대비3.85:1큰 글자
검은색 대비5.46:1AA
웹 안전 색상#669999Near
휘도0.2230-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#6486A0 color
PortuguêsCor #6486A0
EspañolColor #6486A0
한국어#6486A0 색상
日本語#6486A0 の色
中文#6486A0 颜色
DeutschFarbe #6486A0
FrançaisCouleur #6486A0
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #6486A0 색상.
비슷한 색
See 파랑 계열
Similar colors
Air force 파랑 (raf)
Air Force blue (RAF)
Rackley
Rackley
Weldon 파랑
Weldon Blue
어두운 electric 파랑
Dark electric blue
Payne's 회색
Payne's grey
Steel 파랑
Steel blue
Slate 회색
Slate gray
시안 azure
Cyan azure
밝은 slate 회색
Light slate gray
Cadet 회색
Cadet grey
Air superiority 파랑
Air superiority blue
시안-파랑 azure
Cyan-blue azure