Color conversion
Color conversion for #306EAC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 110 | 172 | |
|---|---|---|---|---|
| HSL | 210° | 56.36% | 43.14% | |
| HSV | 210° | 72.09% | 67.45% | |
| CMYK | 72.09% | 36.05% | 0% | 32.55% |
| XYZ | 14.2385 | 14.7572 | 41.1198 | |
| Yxy | 14.7572 | 0.2031 | 0.2105 | |
| Hunter Lab | 38.4151 | -1.0662 | -36.549 | |
| CIE-Lab | 45.2998 | 1.3259 | -38.8747 | |
| CIE-LCH | 45.2998 | 38.8973 | 271.9534 | |
| CIE-LUV | 45.2998 | -23.0695 | -57.9082 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01101110 | 10101100 |
| Octal | 60 | 156 | 254 |
| Decimal | 48 | 110 | 172 |
| Hex | 30 | 6E | AC |
RGB percentages
CMYK percentages
Shades #306EAC
Tints #306EAC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#306EAC color on black
#306EAC color sample text
#306EAC color on white
#306EAC color sample text
#306EAC CSS codes
.background { background-color: #306EAC; }
.text { color: #306EAC; }
.border { border: 3px solid #306EAC; }
.shadow { box-shadow: 0 8px 28px rgba(48, 110, 172, 0.35); }
CSS preview
Accessibility
Contrast on white5.31:1AA
Contrast on black3.95:1Large text
Web safe#336699Near
Luminance0.14760-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#306EAC color
PortuguêsCor #306EAC
EspañolColor #306EAC
한국어#306EAC 색상
日本語#306EAC の色
中文#306EAC 颜色
DeutschFarbe #306EAC
FrançaisCouleur #306EAC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #306EAC color.
Related shades
See Blues