Color conversion
Color conversion for #3324FF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 51 | 36 | 255 | |
|---|---|---|---|---|
| HSL | 244.11° | 100% | 57.06% | |
| HSV | 244.11° | 85.88% | 100% | |
| CMYK | 80% | 85.88% | 0% | 0% |
| XYZ | 20.04 | 9.1832 | 95.3047 | |
| Yxy | 9.1832 | 0.1609 | 0.0737 | |
| Hunter Lab | 30.3038 | 65.0101 | -165.1799 | |
| CIE-Lab | 36.3347 | 72.0129 | -101.0824 | |
| CIE-LCH | 36.3347 | 124.1109 | 305.4667 | |
| CIE-LUV | 36.3347 | -8.1141 | -133.2337 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110011 | 00100100 | 11111111 |
| Octal | 63 | 44 | 377 |
| Decimal | 51 | 36 | 255 |
| Hex | 33 | 24 | FF |
RGB percentages
CMYK percentages
Shades #3324FF
Tints #3324FF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#3324FF color on black
#3324FF color sample text
#3324FF color on white
#3324FF color sample text
#3324FF CSS codes
.background { background-color: #3324FF; }
.text { color: #3324FF; }
.border { border: 3px solid #3324FF; }
.shadow { box-shadow: 0 8px 28px rgba(51, 36, 255, 0.35); }
CSS preview
Accessibility
Contrast on white7.4:1AAA
Contrast on black2.84:1Poor
Web safe#3333FFNear
Luminance0.09190-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#3324FF color
PortuguêsCor #3324FF
EspañolColor #3324FF
한국어#3324FF 색상
日本語#3324FF の色
中文#3324FF 颜色
DeutschFarbe #3324FF
FrançaisCouleur #3324FF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #3324FF color.
Related shades
See Blues