Color conversion
Color conversion for #687DA5
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 125 | 165 | |
|---|---|---|---|---|
| HSL | 219.34° | 25.31% | 52.75% | |
| HSV | 219.34° | 36.97% | 64.71% | |
| CMYK | 36.97% | 24.24% | 0% | 35.29% |
| XYZ | 19.832 | 20.326 | 38.4684 | |
| Yxy | 20.326 | 0.2522 | 0.2585 | |
| Hunter Lab | 45.0844 | -0.3785 | -19.0105 | |
| CIE-Lab | 52.2038 | 2.5782 | -23.7948 | |
| CIE-LCH | 52.2038 | 23.9341 | 276.184 | |
| CIE-LUV | 52.2038 | -11.9449 | -35.763 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01111101 | 10100101 |
| Octal | 150 | 175 | 245 |
| Decimal | 104 | 125 | 165 |
| Hex | 68 | 7D | A5 |
RGB percentages
CMYK percentages
Shades #687DA5
Tints #687DA5
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#687DA5 color on black
#687DA5 color sample text
#687DA5 color on white
#687DA5 color sample text
#687DA5 CSS codes
.background { background-color: #687DA5; }
.text { color: #687DA5; }
.border { border: 3px solid #687DA5; }
.shadow { box-shadow: 0 8px 28px rgba(104, 125, 165, 0.35); }CSS preview
Accessibility
Contrast on white4.15:1Large text
Contrast on black5.07:1AA
Web safe#666699Near
Luminance0.20330-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#687DA5 color
PortuguêsCor #687DA5
EspañolColor #687DA5
한국어#687DA5 색상
日本語#687DA5 の色
中文#687DA5 颜色
DeutschFarbe #687DA5
FrançaisCouleur #687DA5
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #687DA5 color.
Related shades
See Blues