색상 변환
색상 변환 for #22C0A3 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 34 | 192 | 163 | |
|---|---|---|---|---|
| HSL | 168.99° | 69.91% | 44.31% | |
| HSV | 168.99° | 82.29% | 75.29% | |
| CMYK | 82.29% | 0% | 15.1% | 24.71% |
| XYZ | 26.1167 | 40.6804 | 41.1189 | |
| Yxy | 40.6804 | 0.242 | 0.377 | |
| Hunter Lab | 63.7812 | -38.5267 | 6.4383 | |
| CIE-Lab | 69.9514 | -45.4204 | 3.6291 | |
| CIE-LCH | 69.9514 | 45.5652 | 175.4318 | |
| CIE-LUV | 69.9514 | -54.8581 | 12.3752 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100010 | 11000000 | 10100011 |
| Octal | 42 | 300 | 243 |
| Decimal | 34 | 192 | 163 |
| Hex | 22 | C0 | A3 |
RGB 비율
CMYK 비율
어두운 톤 #22C0A3
밝은 톤 #22C0A3
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#22C0A3 색상 검은 배경
#22C0A3 색상 예시 텍스트
#22C0A3 색상 흰 배경
#22C0A3 색상 예시 텍스트
#22C0A3 CSS 코드
.background { background-color: #22C0A3; }
.text { color: #22C0A3; }
.border { border: 3px solid #22C0A3; }
.shadow { box-shadow: 0 8px 28px rgba(34, 192, 163, 0.35); }
CSS 미리보기
접근성
흰색 대비2.3:1낮음
검은색 대비9.14:1AAA
웹 안전 색상#33CC99Near
휘도0.40680-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#22C0A3 color
PortuguêsCor #22C0A3
EspañolColor #22C0A3
한국어#22C0A3 색상
日本語#22C0A3 の色
中文#22C0A3 颜色
DeutschFarbe #22C0A3
FrançaisCouleur #22C0A3
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #22C0A3 색상.
비슷한 색
See 시안 계열
Similar colors
Keppel
Keppel
Zomp
Zomp
Jungle 초록
Jungle green
밝은 바다 초록
Light sea green
터키석
Turquoise
Mountain meadow
Mountain Meadow
Illuminating emerald
Illuminating Emerald
Caribbean 초록
Caribbean green
초록 (crayola)
Green (Crayola)
Wintergreen dream
Wintergreen Dream
깊은 초록-시안 터키석
Deep green-cyan turquoise
Eucalyptus
Eucalyptus