# #445ea2 color: Bio Blue

#445ea2 is rgb(68, 94, 162) in RGB and oklch(49.503% 0.11331 266.545) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/445ea2

## Formats

| Format | Value |
| --- | --- |
| HEX | #445ea2 |
| RGB | rgb(68, 94, 162) |
| HSL | hsl(223.4, 40.87%, 45.1%) |
| HSB / HSV | hsv(223.4 58.02% 63.53%) |
| HWB | hwb(223.4 26.67% 36.47%) |
| CMYK | cmyk(58% 42% 0% 36%) |
| Lab | lab(40.41 6.49 -40.51) |
| LCH | lch(40.41 41.02 279.1) |
| OKLab | oklab(49.503% -0.00683 -0.1131) |
| OKLCH | oklch(49.503% 0.11331 266.545) |
| Display P3 | color(display-p3 0.28795 0.36578 0.61644) |
| Rec. 2020 | color(rec2020 0.2704 0.30955 0.57217) |
| Adobe RGB | color(a98-rgb 0.30462 0.36945 0.62126) |
| ProPhoto RGB | color(prophoto-rgb 0.30554 0.29873 0.53727) |
| Linear sRGB | color(srgb-linear 0.05781 0.11193 0.36131) |
| XYZ D65 | color(xyz-d65 0.12907 0.11843 0.35789) |
| XYZ D50 | color(xyz-d50 0.12001 0.11501 0.26968) |
| SwiftUI | Color(red: 0.267, green: 0.369, blue: 0.635) |
| UIKit | UIColor(red: 0.267, green: 0.369, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF445EA2) |
| Android XML | #445EA2 |

## Facts

- Closest name: Bio 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.23:1
- Contrast with black: 3.37:1

## Tints

#445ea2, #556eac, #667db6, #788dbf, #8a9dc9, #9dadd2, #b0bddb, #c3cde4, #d7deed, #ebeef6

## Shades

#445ea2, #3a518c, #304477, #263763, #1d2b4f, #141f3c, #0c142a, #050a19, #02030a, #000001

## Tones

#445ea2, #475f9c, #4a6096, #4d608f, #506189, #536183, #56617c, #596276, #5c626f, #5f6269

## Harmonies

- Complementary: #445ea2, #7e5c00
- Split: #445ea2, #914e10, #5e6901
- Analogous: #445ea2, #006a99, #69529a
- Triadic: #445ea2, #98443e, #2e7338
- Tetradic: #445ea2, #834883, #7e5c00, #2e7338
- Square: #445ea2, #934363, #7e5c00, #007660
- Monochromatic: #445ea2, #0a1a58, #253c7c, #6582c9, #88a7f1

## Questions about #445ea2

### What color is #445ea2?

#445ea2 is soft dark blue. The closest named color is Bio Blue. In RGB it is rgb(68, 94, 162), in HSL hsl(223.4, 40.87%, 45.1%) and in OKLCH oklch(49.503% 0.11331 266.545).

### What colors go well with #445ea2?

The complementary color of #445ea2 is #7e5c00. For a calmer combination use the analogous colors #006a99 and #69529a. The triadic partners are #98443e and #2e7338.

### Is white or black text more readable on #445ea2?

White text reads better on #445ea2: white gives a contrast ratio of 6.23:1 and black gives 3.37:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #445ea2 a warm or cool color?

#445ea2 is a cool color. In OKLCH its hue is 267 degrees, its lightness 49.5% and its chroma 0.113.