색상 변환
색상 변환 for #369EC3 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 54 | 158 | 195 | |
|---|---|---|---|---|
| HSL | 195.74° | 56.63% | 48.82% | |
| HSV | 195.74° | 72.31% | 76.47% | |
| CMYK | 72.31% | 18.97% | 0% | 23.53% |
| XYZ | 23.5945 | 29.1754 | 56.0071 | |
| Yxy | 29.1754 | 0.2169 | 0.2682 | |
| Hunter Lab | 54.0143 | -16.5532 | -23.6434 | |
| CIE-Lab | 60.9361 | -17.3817 | -27.5989 | |
| CIE-LCH | 60.9361 | 32.6163 | 237.7974 | |
| CIE-LUV | 60.9361 | -37.9086 | -40.4371 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110110 | 10011110 | 11000011 |
| Octal | 66 | 236 | 303 |
| Decimal | 54 | 158 | 195 |
| Hex | 36 | 9E | C3 |
RGB 비율
CMYK 비율
어두운 톤 #369EC3
밝은 톤 #369EC3
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#369EC3 색상 검은 배경
#369EC3 색상 예시 텍스트
#369EC3 색상 흰 배경
#369EC3 색상 예시 텍스트
#369EC3 CSS 코드
.background { background-color: #369EC3; }
.text { color: #369EC3; }
.border { border: 3px solid #369EC3; }
.shadow { box-shadow: 0 8px 28px rgba(54, 158, 195, 0.35); }
CSS 미리보기
접근성
흰색 대비3.07:1큰 글자
검은색 대비6.84:1AA
웹 안전 색상#3399CCNear
휘도0.29180-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#369EC3 color
PortuguêsCor #369EC3
EspañolColor #369EC3
한국어#369EC3 색상
日本語#369EC3 の色
中文#369EC3 颜色
DeutschFarbe #369EC3
FrançaisCouleur #369EC3
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #369EC3 색상.
비슷한 색
See 파랑 계열
Similar colors
Maximum 파랑
Maximum Blue
Battery charged 파랑
Battery Charged Blue
Bright cerulean
Bright cerulean
Ball 파랑
Ball blue
파랑 bolt
Blue Bolt
Teal 파랑
Teal blue
시안 cornflower 파랑
Cyan cornflower blue
Pacific 파랑
Pacific Blue
Celestial 파랑
Celestial blue
Capri
Capri
깊은 하늘 파랑
Deep sky blue
Carolina 파랑
Carolina blue