색상 변환
색상 변환 for #22ACC1 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 34 | 172 | 193 | |
|---|---|---|---|---|
| HSL | 187.92° | 70.04% | 44.51% | |
| HSV | 187.92° | 82.38% | 75.69% | |
| CMYK | 82.38% | 10.88% | 0% | 24.31% |
| XYZ | 25.0336 | 33.6922 | 55.6256 | |
| Yxy | 33.6922 | 0.2189 | 0.2946 | |
| Hunter Lab | 58.045 | -24.596 | -16.165 | |
| CIE-Lab | 64.7175 | -27.4177 | -20.7146 | |
| CIE-LCH | 64.7175 | 34.3631 | 217.0717 | |
| CIE-LUV | 64.7175 | -45.6298 | -28.1588 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100010 | 10101100 | 11000001 |
| Octal | 42 | 254 | 301 |
| Decimal | 34 | 172 | 193 |
| Hex | 22 | AC | C1 |
RGB 비율
CMYK 비율
어두운 톤 #22ACC1
밝은 톤 #22ACC1
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#22ACC1 색상 검은 배경
#22ACC1 색상 예시 텍스트
#22ACC1 색상 흰 배경
#22ACC1 색상 예시 텍스트
#22ACC1 CSS 코드
.background { background-color: #22ACC1; }
.text { color: #22ACC1; }
.border { border: 3px solid #22ACC1; }
.shadow { box-shadow: 0 8px 28px rgba(34, 172, 193, 0.35); }CSS 미리보기
접근성
흰색 대비2.71:1낮음
검은색 대비7.74:1AAA
웹 안전 색상#3399CCNear
휘도0.3370-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#22ACC1 color
PortuguêsCor #22ACC1
EspañolColor #22ACC1
한국어#22ACC1 색상
日本語#22ACC1 の色
中文#22ACC1 颜色
DeutschFarbe #22ACC1
FrançaisCouleur #22ACC1
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #22ACC1 색상.
비슷한 색
See 시안 계열
Similar colors
Pacific 파랑
Pacific Blue
Ball 파랑
Ball blue
Battery charged 파랑
Battery Charged Blue
Bright cerulean
Bright cerulean
파랑-초록
Blue-green
Maximum 파랑 초록
Maximum Blue Green
바다 serpent
Sea Serpent
Ming
Ming
밝은 바다 초록
Light sea green
시안 (process)
Cyan (process)
Metallic seaweed
Metallic Seaweed
선명한 하늘 파랑
Vivid sky blue