색상 변환
색상 변환 for #686DED 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 104 | 109 | 237 | |
|---|---|---|---|---|
| HSL | 237.74° | 78.7% | 66.86% | |
| HSV | 237.74° | 56.12% | 92.94% | |
| CMYK | 56.12% | 54.01% | 0% | 7.06% |
| XYZ | 26.4587 | 19.9929 | 82.5691 | |
| Yxy | 19.9929 | 0.2051 | 0.155 | |
| Hunter Lab | 44.7134 | 27.3762 | -78.1444 | |
| CIE-Lab | 51.8292 | 34.1054 | -65.4353 | |
| CIE-LCH | 51.8292 | 73.79 | 297.5289 | |
| CIE-LUV | 51.8292 | -9.081 | -104.3625 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01101101 | 11101101 |
| Octal | 150 | 155 | 355 |
| Decimal | 104 | 109 | 237 |
| Hex | 68 | 6D | ED |
RGB 비율
CMYK 비율
어두운 톤 #686DED
밝은 톤 #686DED
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#686DED 색상 검은 배경
#686DED 색상 예시 텍스트
#686DED 색상 흰 배경
#686DED 색상 예시 텍스트
#686DED CSS 코드
.background { background-color: #686DED; }
.text { color: #686DED; }
.border { border: 3px solid #686DED; }
.shadow { box-shadow: 0 8px 28px rgba(104, 109, 237, 0.35); }
CSS 미리보기
접근성
흰색 대비4.2:1큰 글자
검은색 대비5:1AA
웹 안전 색상#6666FFNear
휘도0.19990-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#686DED color
PortuguêsCor #686DED
EspañolColor #686DED
한국어#686DED 색상
日本語#686DED の色
中文#686DED 颜色
DeutschFarbe #686DED
FrançaisCouleur #686DED
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #686DED 색상.
비슷한 색
See 파랑 계열
Similar colors
Very 밝은 파랑
Very light blue
Bluebonnet
Bluebonnet
Medium slate 파랑
Medium slate blue
Palatinate 파랑
Palatinate blue
Maximum 파랑 보라
Maximum Blue Purple
파랑
Blue
Ultramarine 파랑
Ultramarine blue
Majorelle 파랑
Majorelle Blue
파랑 bell
Blue Bell
라벤더 (web)
Lavender (web)
라벤더 mist
Lavender mist
라벤더 파랑
Lavender blue