Color conversion
Color conversion for #368FDE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 54 | 143 | 222 | |
|---|---|---|---|---|
| HSL | 208.21° | 71.79% | 54.12% | |
| HSV | 208.21° | 75.68% | 87.06% | |
| CMYK | 75.68% | 35.59% | 0% | 12.94% |
| XYZ | 24.5236 | 25.7002 | 72.7612 | |
| Yxy | 25.7002 | 0.1994 | 0.209 | |
| Hunter Lab | 50.6954 | -2.3692 | -49.5767 | |
| CIE-Lab | 57.7514 | 0.4173 | -47.6969 | |
| CIE-LCH | 57.7514 | 47.6987 | 270.5013 | |
| CIE-LUV | 57.7514 | -31.3188 | -75.2293 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110110 | 10001111 | 11011110 |
| Octal | 66 | 217 | 336 |
| Decimal | 54 | 143 | 222 |
| Hex | 36 | 8F | DE |
RGB percentages
CMYK percentages
Shades #368FDE
Tints #368FDE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#368FDE color on black
#368FDE color sample text
#368FDE color on white
#368FDE color sample text
#368FDE CSS codes
.background { background-color: #368FDE; }
.text { color: #368FDE; }
.border { border: 3px solid #368FDE; }
.shadow { box-shadow: 0 8px 28px rgba(54, 143, 222, 0.35); }
CSS preview
Accessibility
Contrast on white3.42:1Large text
Contrast on black6.14:1AA
Web safe#3399CCNear
Luminance0.2570-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#368FDE color
PortuguêsCor #368FDE
EspañolColor #368FDE
한국어#368FDE 색상
日本語#368FDE の色
中文#368FDE 颜色
DeutschFarbe #368FDE
FrançaisCouleur #368FDE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #368FDE color.
Related shades
See Blues