색상 변환
색상 변환 for #5AD659 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 90 | 214 | 89 | |
|---|---|---|---|---|
| HSL | 119.52° | 60.39% | 59.41% | |
| HSV | 119.52° | 58.41% | 83.92% | |
| CMYK | 57.94% | 0% | 58.41% | 16.08% |
| XYZ | 30.0645 | 50.9853 | 17.7061 | |
| Yxy | 50.9853 | 0.3044 | 0.5163 | |
| Hunter Lab | 71.404 | -49.8005 | 35.2864 | |
| CIE-Lab | 76.6701 | -58.7638 | 50.6108 | |
| CIE-LCH | 76.6701 | 77.5541 | 139.2631 | |
| CIE-LUV | 76.6701 | -55.8356 | 72.5659 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01011010 | 11010110 | 01011001 |
| Octal | 132 | 326 | 131 |
| Decimal | 90 | 214 | 89 |
| Hex | 5A | D6 | 59 |
RGB 비율
CMYK 비율
어두운 톤 #5AD659
밝은 톤 #5AD659
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5AD659 색상 검은 배경
#5AD659 색상 예시 텍스트
#5AD659 색상 흰 배경
#5AD659 색상 예시 텍스트
#5AD659 CSS 코드
.background { background-color: #5AD659; }
.text { color: #5AD659; }
.border { border: 3px solid #5AD659; }
.shadow { box-shadow: 0 8px 28px rgba(90, 214, 89, 0.35); }
CSS 미리보기
접근성
흰색 대비1.88:1낮음
검은색 대비11.2:1AAA
웹 안전 색상#66CC66Near
휘도0.50990-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5AD659 color
PortuguêsCor #5AD659
EspañolColor #5AD659
한국어#5AD659 색상
日本語#5AD659 の色
中文#5AD659 颜色
DeutschFarbe #5AD659
FrançaisCouleur #5AD659
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5AD659 색상.
비슷한 색
See 초록 계열
Similar colors
Pastel 초록
Pastel green
라임 초록
Lime green
Wageningen 초록
Wageningen Green
밝은 초록
Light green
숲 초록 (web)
Forest green (web)
어두운 바다 초록
Dark sea green
Iguana 초록
Iguana Green
밝은 moss 초록
Light moss green
Middle 파랑
Middle Blue
Electric 초록
Electric green
초록 (color wheel) (x11 초록)
Green (Color Wheel) (X11 green)
라임 (web) (x11 초록)
Lime (web) (X11 green)