Color conversion
Color conversion for #344AFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 52 | 74 | 255 | |
|---|---|---|---|---|
| HSL | 233.5° | 100% | 60.2% | |
| HSV | 233.5° | 79.61% | 100% | |
| CMYK | 79.61% | 70.98% | 0% | 0% |
| XYZ | 21.9087 | 12.845 | 95.913 | |
| Yxy | 12.845 | 0.1677 | 0.0983 | |
| Hunter Lab | 35.8399 | 46.3951 | -133.5189 | |
| CIE-Lab | 42.5288 | 54.2907 | -90.8091 | |
| CIE-LCH | 42.5288 | 105.8006 | 300.8733 | |
| CIE-LUV | 42.5288 | -12.9266 | -131.692 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110100 | 01001010 | 11111111 |
| Octal | 64 | 112 | 377 |
| Decimal | 52 | 74 | 255 |
| Hex | 34 | 4A | FF |
RGB percentages
CMYK percentages
Shades #344AFF
Tints #344AFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#344AFF color on black
#344AFF color sample text
#344AFF color on white
#344AFF color sample text
#344AFF CSS codes
.background { background-color: #344AFF; }
.text { color: #344AFF; }
.border { border: 3px solid #344AFF; }
.shadow { box-shadow: 0 8px 28px rgba(52, 74, 255, 0.35); }
CSS preview
Accessibility
Contrast on white5.88:1AA
Contrast on black3.57:1Large text
Web safe#3333FFNear
Luminance0.12850-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#344AFF color
PortuguêsCor #344AFF
EspañolColor #344AFF
한국어#344AFF 색상
日本語#344AFF の色
中文#344AFF 颜色
DeutschFarbe #344AFF
FrançaisCouleur #344AFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #344AFF color.
Related shades
See Blues