# #3d63bc color: Soft blue

#3d63bc is rgb(61, 99, 188) in RGB and oklch(51.914% 0.14655 264.474) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3d63bc |
| RGB | rgb(61, 99, 188) |
| HSL | hsl(222.05, 51%, 48.82%) |
| HSB / HSV | hsv(222.05 67.55% 73.73%) |
| HWB | hwb(222.05 23.92% 26.27%) |
| CMYK | cmyk(68% 47% 0% 26%) |
| Lab | lab(42.81 9.52 -51.94) |
| LCH | lch(42.81 52.81 280.39) |
| OKLab | oklab(51.914% -0.01411 -0.14587) |
| OKLCH | oklch(51.914% 0.14655 264.474) |
| Display P3 | color(display-p3 0.2729 0.38437 0.71368) |
| Rec. 2020 | color(rec2020 0.27665 0.32988 0.67741) |
| Adobe RGB | color(a98-rgb 0.29633 0.38815 0.72119) |
| ProPhoto RGB | color(prophoto-rgb 0.33088 0.31879 0.64227) |
| Linear sRGB | color(srgb-linear 0.04667 0.12477 0.50289) |
| XYZ D65 | color(xyz-d65 0.15462 0.13546 0.49378) |
| XYZ D50 | color(xyz-d50 0.14036 0.13031 0.37187) |
| SwiftUI | Color(red: 0.239, green: 0.388, blue: 0.737) |
| UIKit | UIColor(red: 0.239, green: 0.388, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF3D63BC) |
| Android XML | #3D63BC |

## 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.66:1
- Contrast with black: 3.71:1

## Tints

#3d63bc, #4f73c4, #6183cb, #7492d3, #87a1da, #9ab1e0, #adc0e7, #c1d0ed, #d6e0f3, #eaeff9

## Shades

#3d63bc, #3455a3, #2b478b, #223a73, #1a2e5d, #122147, #0a1632, #040b1f, #01030d, #000002

## Tones

#3d63bc, #4264b4, #4666ac, #4b67a4, #4f679c, #536893, #58688b, #5c6983, #60697a, #646971

## Harmonies

- Complementary: #3d63bc, #8a6100
- Split: #3d63bc, #a64b00, #687000
- Analogous: #3d63bc, #0072a9, #7053b3
- Triadic: #3d63bc, #ad3e3c, #217d2a
- Tetradic: #3d63bc, #914697, #8a6100, #217d2a
- Square: #3d63bc, #a63d6e, #8a6100, #007e64
- Monochromatic: #3d63bc, #031a6f, #1e3f95, #5e88e4, #82aeff

## Questions about #3d63bc

### What color is #3d63bc?

#3d63bc is soft blue. The closest named color is Soft blue. In RGB it is rgb(61, 99, 188), in HSL hsl(222.05, 51%, 48.82%) and in OKLCH oklch(51.914% 0.14655 264.474).

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

The complementary color of #3d63bc is #8a6100. For a calmer combination use the analogous colors #0072a9 and #7053b3. The triadic partners are #ad3e3c and #217d2a.

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

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

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

#3d63bc is a cool color. In OKLCH its hue is 264 degrees, its lightness 51.9% and its chroma 0.147.