색상 변환
색상 변환 for #54686A 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 84 | 104 | 106 | |
|---|---|---|---|---|
| HSL | 185.45° | 11.58% | 37.25% | |
| HSV | 185.45° | 20.75% | 41.57% | |
| CMYK | 20.75% | 1.89% | 0% | 58.43% |
| XYZ | 11.2073 | 12.8257 | 15.518 | |
| Yxy | 12.8257 | 0.2834 | 0.3243 | |
| Hunter Lab | 35.813 | -6.8135 | -0.6116 | |
| CIE-Lab | 42.4994 | -6.9695 | -3.6082 | |
| CIE-LCH | 42.4994 | 7.8481 | 207.3712 | |
| CIE-LUV | 42.4994 | -10.292 | -3.8023 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010100 | 01101000 | 01101010 |
| Octal | 124 | 150 | 152 |
| Decimal | 84 | 104 | 106 |
| Hex | 54 | 68 | 6A |
RGB 비율
CMYK 비율
어두운 톤 #54686A
밝은 톤 #54686A
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#54686A 색상 검은 배경
#54686A 색상 예시 텍스트
#54686A 색상 흰 배경
#54686A 색상 예시 텍스트
#54686A CSS 코드
.background { background-color: #54686A; }
.text { color: #54686A; }
.border { border: 3px solid #54686A; }
.shadow { box-shadow: 0 8px 28px rgba(84, 104, 106, 0.35); }
CSS 미리보기
접근성
흰색 대비5.89:1AA
검은색 대비3.57:1큰 글자
웹 안전 색상#666666Near
휘도0.12830-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#54686A color
PortuguêsCor #54686A
EspañolColor #54686A
한국어#54686A 색상
日本語#54686A の色
中文#54686A 颜色
DeutschFarbe #54686A
FrançaisCouleur #54686A
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #54686A 색상.
비슷한 색
See 시안 계열
Similar colors
Stormcloud
Stormcloud
Aurometalsaurus
AuroMetalSaurus
Steel teal
Steel Teal
Ming
Ming
Outer space
Outer Space
깊은 space sparkle
Deep Space Sparkle
Cadet 파랑
Cadet blue
Desaturated 시안
Desaturated cyan
어두운 slate 회색
Dark slate gray
Charleston 초록
Charleston green
Japanese indigo
Japanese indigo
Cadet
Cadet