# #648cf3 color: Soft Blue

#648cf3 is rgb(100, 140, 243) in RGB and oklch(65.945% 0.15965 266.161) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #648cf3 |
| RGB | rgb(100, 140, 243) |
| HSL | hsl(223.22, 85.63%, 67.25%) |
| HSB / HSV | hsv(223.22 58.85% 95.29%) |
| HWB | hwb(223.22 39.22% 4.71%) |
| CMYK | cmyk(59% 42% 0% 5%) |
| Lab | lab(59.04 9.54 -56.96) |
| LCH | lch(59.04 57.75 279.51) |
| OKLab | oklab(65.945% -0.01069 -0.1593) |
| OKLCH | oklch(65.945% 0.15965 266.161) |
| Display P3 | color(display-p3 0.4254 0.5447 0.92473) |
| Rec. 2020 | color(rec2020 0.43963 0.50044 0.91041) |
| Adobe RGB | color(a98-rgb 0.44176 0.54411 0.93872) |
| ProPhoto RGB | color(prophoto-rgb 0.49304 0.48002 0.88873) |
| Linear sRGB | color(srgb-linear 0.12744 0.26225 0.89627) |
| XYZ D65 | color(xyz-d65 0.30809 0.27936 0.88566) |
| XYZ D50 | color(xyz-d50 0.28481 0.27069 0.66726) |
| SwiftUI | Color(red: 0.392, green: 0.549, blue: 0.953) |
| UIKit | UIColor(red: 0.392, green: 0.549, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF648CF3) |
| Android XML | #648CF3 |

## Facts

- Closest name: Soft Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: indigo-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.19:1
- Contrast with black: 6.59:1

## Tints

#648cf3, #7398f5, #81a4f7, #90b0f9, #a0bbfb, #afc7fc, #bfd2fd, #cfddfe, #dfe9ff, #eff4ff

## Shades

#648cf3, #5679d3, #4867b4, #3b5597, #2e437a, #22335e, #162344, #0b142b, #030714, #000103

## Tones

#648cf3, #698dea, #6d8fe0, #7290d7, #7790cd, #7b91c4, #8092ba, #8492b0, #8992a6, #8d929c

## Harmonies

- Complementary: #648cf3, #bb8900
- Split: #648cf3, #d97306, #8e9d00
- Analogous: #648cf3, #009ee6, #9c7ae7
- Triadic: #648cf3, #e3645c, #43ab52
- Tetradic: #648cf3, #c36bc5, #bb8900, #43ab52
- Square: #648cf3, #db6295, #bb8900, #00ae8f
- Monochromatic: #648cf3, #2442a2, #4367ca, #8fb4ff, #c8deff

## Questions about #648cf3

### What color is #648cf3?

#648cf3 is bright blue. The closest named color is Soft Blue. In RGB it is rgb(100, 140, 243), in HSL hsl(223.22, 85.63%, 67.25%) and in OKLCH oklch(65.945% 0.15965 266.161).

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

The complementary color of #648cf3 is #bb8900. For a calmer combination use the analogous colors #009ee6 and #9c7ae7. The triadic partners are #e3645c and #43ab52.

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

Black text reads better on #648cf3: white gives a contrast ratio of 3.19:1 and black gives 6.59:1. WCAG AA asks for at least 4.5:1 for body text.

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

#648cf3 is a cool color. In OKLCH its hue is 266 degrees, its lightness 65.9% and its chroma 0.16.