# #305bb2 color: Blasphemous Blue

#305bb2 is rgb(48, 91, 178) in RGB and oklch(48.908% 0.1467 262.517) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/305bb2

## Formats

| Format | Value |
| --- | --- |
| HEX | #305bb2 |
| RGB | rgb(48, 91, 178) |
| HSL | hsl(220.15, 57.52%, 44.31%) |
| HSB / HSV | hsv(220.15 73.03% 69.8%) |
| HWB | hwb(220.15 18.82% 30.2%) |
| CMYK | cmyk(73% 49% 0% 30%) |
| Lab | lab(39.34 8.92 -51.72) |
| LCH | lch(39.34 52.48 279.79) |
| OKLab | oklab(48.908% -0.01911 -0.14545) |
| OKLCH | oklch(48.908% 0.1467 262.517) |
| Display P3 | color(display-p3 0.22903 0.35275 0.67517) |
| Rec. 2020 | color(rec2020 0.23773 0.29649 0.6354) |
| Adobe RGB | color(a98-rgb 0.25828 0.35827 0.68215) |
| ProPhoto RGB | color(prophoto-rgb 0.29746 0.28865 0.59949) |
| Linear sRGB | color(srgb-linear 0.02956 0.10462 0.4452) |
| XYZ D65 | color(xyz-d65 0.12995 0.11324 0.43622) |
| XYZ D50 | color(xyz-d50 0.11688 0.10856 0.32849) |
| SwiftUI | Color(red: 0.188, green: 0.357, blue: 0.698) |
| UIKit | UIColor(red: 0.188, green: 0.357, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF305BB2) |
| Android XML | #305BB2 |

## Facts

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

## Tints

#305bb2, #436cbb, #577cc3, #6b8ccc, #7f9dd4, #94addb, #a8bde3, #becdea, #d3def1, #e9eef8

## Shades

#305bb2, #284e9a, #214183, #1a356d, #132957, #0c1e43, #06132f, #03091d, #01030c, #000001

## Tones

#305bb2, #355caa, #3b5ea2, #405f9a, #455f92, #4a608a, #4e6082, #53607a, #576071, #5c6069

## Harmonies

- Complementary: #305bb2, #815700
- Split: #305bb2, #9d4000, #626600
- Analogous: #305bb2, #006a9a, #654bab
- Triadic: #305bb2, #a33337, #1e741b
- Tetradic: #305bb2, #863d90, #815700, #1e741b
- Square: #305bb2, #9b3468, #815700, #007459
- Monochromatic: #305bb2, #001166, #0f378b, #5180da, #75a5ff

## Questions about #305bb2

### What color is #305bb2?

#305bb2 is soft dark blue. The closest named color is Blasphemous Blue. In RGB it is rgb(48, 91, 178), in HSL hsl(220.15, 57.52%, 44.31%) and in OKLCH oklch(48.908% 0.1467 262.517).

### What colors go well with #305bb2?

The complementary color of #305bb2 is #815700. For a calmer combination use the analogous colors #006a9a and #654bab. The triadic partners are #a33337 and #1e741b.

### Is white or black text more readable on #305bb2?

White text reads better on #305bb2: white gives a contrast ratio of 6.43:1 and black gives 3.26:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #305bb2 a warm or cool color?

#305bb2 is a cool color. In OKLCH its hue is 263 degrees, its lightness 48.9% and its chroma 0.147.