색상 변환
색상 변환 for #5FB4A2 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 95 | 180 | 162 | |
|---|---|---|---|---|
| HSL | 167.29° | 36.17% | 53.92% | |
| HSV | 167.29° | 47.22% | 70.59% | |
| CMYK | 47.22% | 0% | 10% | 29.41% |
| XYZ | 27.5595 | 37.6818 | 39.9964 | |
| Yxy | 37.6818 | 0.2619 | 0.3581 | |
| Hunter Lab | 61.3855 | -27.2863 | 4.3539 | |
| CIE-Lab | 67.7854 | -30.2054 | 1.2223 | |
| CIE-LCH | 67.7854 | 30.2301 | 177.6827 | |
| CIE-LUV | 67.7854 | -38.0504 | 6.574 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01011111 | 10110100 | 10100010 |
| Octal | 137 | 264 | 242 |
| Decimal | 95 | 180 | 162 |
| Hex | 5F | B4 | A2 |
RGB 비율
CMYK 비율
어두운 톤 #5FB4A2
밝은 톤 #5FB4A2
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5FB4A2 색상 검은 배경
#5FB4A2 색상 예시 텍스트
#5FB4A2 색상 흰 배경
#5FB4A2 색상 예시 텍스트
#5FB4A2 CSS 코드
.background { background-color: #5FB4A2; }
.text { color: #5FB4A2; }
.border { border: 3px solid #5FB4A2; }
.shadow { box-shadow: 0 8px 28px rgba(95, 180, 162, 0.35); }
CSS 미리보기
접근성
흰색 대비2.46:1낮음
검은색 대비8.54:1AAA
웹 안전 색상#66CC99Near
휘도0.37680-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5FB4A2 color
PortuguêsCor #5FB4A2
EspañolColor #5FB4A2
한국어#5FB4A2 색상
日本語#5FB4A2 の色
中文#5FB4A2 颜色
DeutschFarbe #5FB4A2
FrançaisCouleur #5FB4A2
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5FB4A2 색상.
비슷한 색
See 시안 계열
Similar colors
초록 sheen
Green Sheen
Polished pine
Polished Pine
Wintergreen dream
Wintergreen Dream
Zomp
Zomp
Keppel
Keppel
Illuminating emerald
Illuminating Emerald
깊은 aquamarine
Deep aquamarine
Viridian
Viridian
Eucalyptus
Eucalyptus
Hooker's 초록
Hooker's green
Ocean 초록
Ocean Green
옅은 robin egg 파랑
Pale robin egg blue