# #648bc0 color: Faded Blue

#648bc0 is rgb(100, 139, 192) in RGB and oklch(62.976% 0.09153 256.274) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/648bc0

## Formats

| Format | Value |
| --- | --- |
| HEX | #648bc0 |
| RGB | rgb(100, 139, 192) |
| HSL | hsl(214.57, 42.2%, 57.25%) |
| HSB / HSV | hsv(214.57 47.92% 75.29%) |
| HWB | hwb(214.57 39.22% 24.71%) |
| CMYK | cmyk(48% 28% 0% 25%) |
| Lab | lab(56.62 -2.76 -32.32) |
| LCH | lch(56.62 32.44 265.12) |
| OKLab | oklab(62.976% -0.02172 -0.08892) |
| OKLCH | oklch(62.976% 0.09153 256.274) |
| Display P3 | color(display-p3 0.42445 0.54087 0.7359) |
| Rec. 2020 | color(rec2020 0.41864 0.49213 0.70318) |
| Adobe RGB | color(a98-rgb 0.44036 0.54026 0.74021) |
| ProPhoto RGB | color(prophoto-rgb 0.43854 0.46591 0.67183) |
| Linear sRGB | color(srgb-linear 0.12744 0.25818 0.52712) |
| XYZ D65 | color(xyz-d65 0.24001 0.2498 0.53428) |
| XYZ D50 | color(xyz-d50 0.23043 0.2454 0.40325) |
| SwiftUI | Color(red: 0.392, green: 0.545, blue: 0.753) |
| UIKit | UIColor(red: 0.392, green: 0.545, blue: 0.753, alpha: 1) |
| Flutter / Compose | Color(0xFF648BC0) |
| Android XML | #648BC0 |

## Facts

- Closest name: Faded Blue
- Hue family: Blue, soft blue
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.5:1
- Contrast with black: 6:1

## Tints

#648bc0, #7396c7, #82a2cd, #91add4, #a0b9da, #b0c4e0, #bfd0e7, #cfdced, #dfe7f3, #eff3f9

## Shades

#648bc0, #5678a7, #48668e, #3b5476, #2e435f, #223249, #162334, #0b1420, #03070e, #000102

## Tones

#648bc0, #688bbb, #6c8bb5, #708bb0, #748baa, #778ba5, #7b8aa0, #7f8a9a, #828a94, #85898f

## Harmonies

- Complementary: #648bc0, #a98145
- Split: #648bc0, #b77759, #908d47
- Analogous: #648bc0, #4394b4, #8481be
- Triadic: #648bc0, #ba7276, #6f965e
- Tetradic: #648bc0, #9f78ae, #a98145, #6f965e
- Square: #648bc0, #b17295, #a98145, #4c9b7d
- Monochromatic: #648bc0, #214575, #42679a, #88b0e8, #afd7ff

## Questions about #648bc0

### What color is #648bc0?

#648bc0 is soft blue. The closest named color is Faded Blue. In RGB it is rgb(100, 139, 192), in HSL hsl(214.57, 42.2%, 57.25%) and in OKLCH oklch(62.976% 0.09153 256.274).

### What colors go well with #648bc0?

The complementary color of #648bc0 is #a98145. For a calmer combination use the analogous colors #4394b4 and #8481be. The triadic partners are #ba7276 and #6f965e.

### Is white or black text more readable on #648bc0?

White text reads better on #648bc0: white gives a contrast ratio of 3.5:1 and black gives 6:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #648bc0 a warm or cool color?

#648bc0 is a cool color. In OKLCH its hue is 256 degrees, its lightness 63% and its chroma 0.092.