색상 변환
색상 변환 for #63CC48 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 99 | 204 | 72 | |
|---|---|---|---|---|
| HSL | 107.73° | 56.41% | 54.12% | |
| HSV | 107.73° | 64.71% | 80% | |
| CMYK | 51.47% | 0% | 64.71% | 20% |
| XYZ | 27.907 | 46.3041 | 13.5967 | |
| Yxy | 46.3041 | 0.3178 | 0.5273 | |
| Hunter Lab | 68.0471 | -45.8779 | 35.7907 | |
| CIE-Lab | 73.7424 | -54.4969 | 54.7618 | |
| CIE-LCH | 73.7424 | 77.2578 | 134.8611 | |
| CIE-LUV | 73.7424 | -49.4549 | 74.4495 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100011 | 11001100 | 01001000 |
| Octal | 143 | 314 | 110 |
| Decimal | 99 | 204 | 72 |
| Hex | 63 | CC | 48 |
RGB 비율
CMYK 비율
어두운 톤 #63CC48
밝은 톤 #63CC48
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#63CC48 색상 검은 배경
#63CC48 색상 예시 텍스트
#63CC48 색상 흰 배경
#63CC48 색상 예시 텍스트
#63CC48 CSS 코드
.background { background-color: #63CC48; }
.text { color: #63CC48; }
.border { border: 3px solid #63CC48; }
.shadow { box-shadow: 0 8px 28px rgba(99, 204, 72, 0.35); }CSS 미리보기
접근성
흰색 대비2.05:1낮음
검은색 대비10.26:1AAA
웹 안전 색상#66CC33Near
휘도0.46310-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#63CC48 color
PortuguêsCor #63CC48
EspañolColor #63CC48
한국어#63CC48 색상
日本語#63CC48 の色
中文#63CC48 颜色
DeutschFarbe #63CC48
FrançaisCouleur #63CC48
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #63CC48 색상.
비슷한 색
See 초록 계열