색상 변환
색상 변환 for #30A1FB 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 48 | 161 | 251 | |
|---|---|---|---|---|
| HSL | 206.6° | 96.21% | 58.63% | |
| HSV | 206.6° | 80.88% | 98.43% | |
| CMYK | 80.88% | 35.86% | 0% | 1.57% |
| XYZ | 31.3697 | 33.0793 | 95.9797 | |
| Yxy | 33.0793 | 0.1955 | 0.2062 | |
| Hunter Lab | 57.5146 | -3.2936 | -58.6435 | |
| CIE-Lab | 64.2251 | -0.2612 | -53.4461 | |
| CIE-LCH | 64.2251 | 53.4467 | 269.72 | |
| CIE-LUV | 64.2251 | -36.7135 | -86.22 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 10100001 | 11111011 |
| Octal | 60 | 241 | 373 |
| Decimal | 48 | 161 | 251 |
| Hex | 30 | A1 | FB |
RGB 비율
CMYK 비율
어두운 톤 #30A1FB
밝은 톤 #30A1FB
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#30A1FB 색상 검은 배경
#30A1FB 색상 예시 텍스트
#30A1FB 색상 흰 배경
#30A1FB 색상 예시 텍스트
#30A1FB CSS 코드
.background { background-color: #30A1FB; }
.text { color: #30A1FB; }
.border { border: 3px solid #30A1FB; }
.shadow { box-shadow: 0 8px 28px rgba(48, 161, 251, 0.35); }
CSS 미리보기
접근성
흰색 대비2.76:1낮음
검은색 대비7.62:1AAA
웹 안전 색상#3399FFNear
휘도0.33080-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#30A1FB color
PortuguêsCor #30A1FB
EspañolColor #30A1FB
한국어#30A1FB 색상
日本語#30A1FB の色
中文#30A1FB 颜色
DeutschFarbe #30A1FB
FrançaisCouleur #30A1FB
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #30A1FB 색상.
비슷한 색
See 파랑 계열