# #648fa1 color: Saltbox Blue

#648fa1 is rgb(100, 143, 161) in RGB and oklch(62.538% 0.05424 225.933) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #648fa1 |
| RGB | rgb(100, 143, 161) |
| HSL | hsl(197.7, 24.5%, 51.18%) |
| HSB / HSV | hsv(197.7 37.89% 63.14%) |
| HWB | hwb(197.7 39.22% 36.86%) |
| CMYK | cmyk(38% 11% 0% 37%) |
| Lab | lab(56.77 -11.72 -14.52) |
| LCH | lch(56.77 18.66 231.1) |
| OKLab | oklab(62.538% -0.03772 -0.03897) |
| OKLCH | oklch(62.538% 0.05424 225.933) |
| Display P3 | color(display-p3 0.42831 0.55619 0.62342) |
| Rec. 2020 | color(rec2020 0.4162 0.5059 0.58209) |
| Adobe RGB | color(a98-rgb 0.44603 0.55569 0.62286) |
| ProPhoto RGB | color(prophoto-rgb 0.41823 0.47565 0.55179) |
| Linear sRGB | color(srgb-linear 0.12744 0.27468 0.3564) |
| XYZ D65 | color(xyz-d65 0.2151 0.24927 0.37397) |
| XYZ D50 | color(xyz-d50 0.21236 0.24687 0.28295) |
| SwiftUI | Color(red: 0.392, green: 0.561, blue: 0.631) |
| UIKit | UIColor(red: 0.392, green: 0.561, blue: 0.631, alpha: 1) |
| Flutter / Compose | Color(0xFF648FA1) |
| Android XML | #648FA1 |

## Facts

- Closest name: Saltbox Blue
- Hue family: Sky blue, dusty sky blue
- Closest Tailwind class: mist-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.51:1
- Contrast with black: 5.99:1

## Tints

#648fa1, #739aaa, #82a5b3, #92b0bd, #a1bbc6, #b0c6cf, #c0d1d9, #cfdce2, #dfe8ec, #eff3f5

## Shades

#648fa1, #567c8b, #486976, #3b5762, #2e454e, #22343c, #16242a, #0b1519, #030709, #000101

## Tones

#648fa1, #688e9f, #6c8e9c, #708d99, #748c97, #778c94, #7b8b92, #7e8a8f, #81898d, #84888a

## Harmonies

- Complementary: #648fa1, #a47e6c
- Split: #648fa1, #a67b7d, #9b8463
- Analogous: #648fa1, #609292, #728aa9
- Triadic: #648fa1, #a17b8f, #8c8a64
- Tetradic: #648fa1, #8483a8, #a47e6c, #8c8a64
- Square: #648fa1, #957e9e, #a47e6c, #79906f
- Monochromatic: #648fa1, #1f4a5a, #416b7d, #88b4c7, #aedbee

## Questions about #648fa1

### What color is #648fa1?

#648fa1 is dusty sky blue. The closest named color is Saltbox Blue. In RGB it is rgb(100, 143, 161), in HSL hsl(197.7, 24.5%, 51.18%) and in OKLCH oklch(62.538% 0.05424 225.933).

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

The complementary color of #648fa1 is #a47e6c. For a calmer combination use the analogous colors #609292 and #728aa9. The triadic partners are #a17b8f and #8c8a64.

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

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

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

#648fa1 is a cool color. In OKLCH its hue is 226 degrees, its lightness 62.5% and its chroma 0.054.