Color conversion
Color conversion for #0366D4
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 3 | 102 | 212 | |
|---|---|---|---|---|
| HSL | 211.58° | 97.21% | 42.16% | |
| HSV | 211.58° | 98.58% | 83.14% | |
| CMYK | 98.58% | 51.89% | 0% | 16.86% |
| XYZ | 16.6682 | 14.2733 | 64.1511 | |
| Yxy | 14.2733 | 0.1753 | 0.1501 | |
| Hunter Lab | 37.78 | 12.6369 | -74.19 | |
| CIE-Lab | 44.6224 | 18.5649 | -63.1446 | |
| CIE-LCH | 44.6224 | 65.8171 | 286.3837 | |
| CIE-LUV | 44.6224 | -23.3795 | -95.6034 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00000011 | 01100110 | 11010100 |
| Octal | 3 | 146 | 324 |
| Decimal | 3 | 102 | 212 |
| Hex | 03 | 66 | D4 |
RGB percentages
CMYK percentages
Shades #0366D4
Tints #0366D4
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#0366D4 color on black
#0366D4 color sample text
#0366D4 color on white
#0366D4 color sample text
#0366D4 CSS codes
.background { background-color: #0366D4; }
.text { color: #0366D4; }
.border { border: 3px solid #0366D4; }
.shadow { box-shadow: 0 8px 28px rgba(3, 102, 212, 0.35); }CSS preview
Accessibility
Contrast on white5.45:1AA
Contrast on black3.86:1Large text
Web safe#0066CCNear
Luminance0.14280-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#0366D4 color
PortuguêsCor #0366D4
EspañolColor #0366D4
한국어#0366D4 색상
日本語#0366D4 の色
中文#0366D4 颜色
DeutschFarbe #0366D4
FrançaisCouleur #0366D4
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #0366D4 color.
Related shades
See Blues