# #3f63bb color: Soft blue

#3f63bb is rgb(63, 99, 187) in RGB and oklch(51.944% 0.14449 265.041) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3f63bb

## Formats

| Format | Value |
| --- | --- |
| HEX | #3f63bb |
| RGB | rgb(63, 99, 187) |
| HSL | hsl(222.58, 49.6%, 49.02%) |
| HSB / HSV | hsv(222.58 66.31% 73.33%) |
| HWB | hwb(222.58 24.71% 26.67%) |
| CMYK | cmyk(66% 47% 0% 27%) |
| Lab | lab(42.86 9.61 -51.28) |
| LCH | lch(42.86 52.17 280.62) |
| OKLab | oklab(51.944% -0.01249 -0.14395) |
| OKLCH | oklch(51.944% 0.14449 265.041) |
| Display P3 | color(display-p3 0.27848 0.38453 0.70999) |
| Rec. 2020 | color(rec2020 0.27967 0.3301 0.6734) |
| Adobe RGB | color(a98-rgb 0.30055 0.38815 0.71733) |
| ProPhoto RGB | color(prophoto-rgb 0.33191 0.31898 0.63822) |
| Linear sRGB | color(srgb-linear 0.04971 0.12477 0.49693) |
| XYZ D65 | color(xyz-d65 0.1548 0.13568 0.48818) |
| XYZ D50 | color(xyz-d50 0.14083 0.13063 0.36766) |
| SwiftUI | Color(red: 0.247, green: 0.388, blue: 0.733) |
| UIKit | UIColor(red: 0.247, green: 0.388, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF3F63BB) |
| Android XML | #3F63BB |

## Facts

- Closest name: Soft blue
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.65:1
- Contrast with black: 3.71:1

## Tints

#3f63bb, #5173c3, #6282ca, #7592d2, #88a1d9, #9bb1e0, #aec0e7, #c2d0ed, #d6dff3, #eaeff9

## Shades

#3f63bb, #3555a2, #2c478a, #233a73, #1b2e5c, #122146, #0a1632, #040b1f, #01030d, #000002

## Tones

#3f63bb, #4364b3, #4866ab, #4c67a3, #50679b, #546893, #58688b, #5d6982, #61697a, #656971

## Harmonies

- Complementary: #3f63bb, #896100
- Split: #3f63bb, #a54c00, #677100
- Analogous: #3f63bb, #0072aa, #7053b2
- Triadic: #3f63bb, #ac3f3c, #217d2d
- Tetradic: #3f63bb, #914696, #896100, #217d2d
- Square: #3f63bb, #a53e6d, #896100, #007e65
- Monochromatic: #3f63bb, #051b6e, #203f94, #6088e3, #84aeff

## Questions about #3f63bb

### What color is #3f63bb?

#3f63bb is soft blue. The closest named color is Soft blue. In RGB it is rgb(63, 99, 187), in HSL hsl(222.58, 49.6%, 49.02%) and in OKLCH oklch(51.944% 0.14449 265.041).

### What colors go well with #3f63bb?

The complementary color of #3f63bb is #896100. For a calmer combination use the analogous colors #0072aa and #7053b2. The triadic partners are #ac3f3c and #217d2d.

### Is white or black text more readable on #3f63bb?

White text reads better on #3f63bb: white gives a contrast ratio of 5.65:1 and black gives 3.71:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3f63bb a warm or cool color?

#3f63bb is a cool color. In OKLCH its hue is 265 degrees, its lightness 51.9% and its chroma 0.144.