# #628bec color: Soft Blue

#628bec is rgb(98, 139, 236) in RGB and oklch(65.219% 0.15204 265.188) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/628bec

## Formats

| Format | Value |
| --- | --- |
| HEX | #628bec |
| RGB | rgb(98, 139, 236) |
| HSL | hsl(222.17, 78.41%, 65.49%) |
| HSB / HSV | hsv(222.17 58.47% 92.55%) |
| HWB | hwb(222.17 38.43% 7.45%) |
| CMYK | cmyk(58% 41% 0% 7%) |
| Lab | lab(58.33 7.8 -54.23) |
| LCH | lch(58.33 54.79 278.19) |
| OKLab | oklab(65.219% -0.01275 -0.1515) |
| OKLCH | oklch(65.219% 0.15204 265.188) |
| Display P3 | color(display-p3 0.41862 0.5407 0.89854) |
| Rec. 2020 | color(rec2020 0.43109 0.49547 0.88141) |
| Adobe RGB | color(a98-rgb 0.43572 0.54026 0.91113) |
| ProPhoto RGB | color(prophoto-rgb 0.48096 0.4743 0.85758) |
| Linear sRGB | color(srgb-linear 0.12214 0.25818 0.8388) |
| XYZ D65 | color(xyz-d65 0.29408 0.27117 0.83044) |
| XYZ D50 | color(xyz-d50 0.27271 0.26311 0.62575) |
| SwiftUI | Color(red: 0.384, green: 0.545, blue: 0.925) |
| UIKit | UIColor(red: 0.384, green: 0.545, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFF628BEC) |
| Android XML | #628BEC |

## 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.27:1
- Contrast with black: 6.42:1

## Tints

#628bec, #7197ef, #80a3f2, #8faff4, #9fbaf6, #aec6f8, #bed1fa, #ceddfc, #dee8fd, #eff4fe

## Shades

#628bec, #5478cd, #4766af, #3a5492, #2d4376, #21325b, #162342, #0b1429, #030713, #000103

## Tones

#628bec, #678ce3, #6b8dda, #708ed1, #758fc8, #798fbf, #7e90b6, #8290ac, #8790a3, #8b9099

## Harmonies

- Complementary: #628bec, #ba8600
- Split: #628bec, #d4721b, #8d9a00
- Analogous: #628bec, #009cde, #987ae2
- Triadic: #628bec, #dd655f, #49a751
- Tetradic: #628bec, #bd6cc2, #ba8600, #49a751
- Square: #628bec, #d56394, #ba8600, #00ab8b
- Monochromatic: #628bec, #21429c, #4166c3, #8ab2ff, #c4dbff

## Questions about #628bec

### What color is #628bec?

#628bec is bright blue. The closest named color is Soft Blue. In RGB it is rgb(98, 139, 236), in HSL hsl(222.17, 78.41%, 65.49%) and in OKLCH oklch(65.219% 0.15204 265.188).

### What colors go well with #628bec?

The complementary color of #628bec is #ba8600. For a calmer combination use the analogous colors #009cde and #987ae2. The triadic partners are #dd655f and #49a751.

### Is white or black text more readable on #628bec?

Black text reads better on #628bec: white gives a contrast ratio of 3.27:1 and black gives 6.42:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #628bec a warm or cool color?

#628bec is a cool color. In OKLCH its hue is 265 degrees, its lightness 65.2% and its chroma 0.152.