# #4b5ea2 color: Bio Blue

#4b5ea2 is rgb(75, 94, 162) in RGB and oklch(49.942% 0.1109 270.232) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/4b5ea2

## Formats

| Format | Value |
| --- | --- |
| HEX | #4b5ea2 |
| RGB | rgb(75, 94, 162) |
| HSL | hsl(226.9, 36.71%, 46.47%) |
| HSB / HSV | hsv(226.9 53.7% 63.53%) |
| HWB | hwb(226.9 29.41% 36.47%) |
| CMYK | cmyk(54% 42% 0% 36%) |
| Lab | lab(40.86 8.27 -39.75) |
| LCH | lch(40.86 40.61 281.75) |
| OKLab | oklab(49.942% 0.00045 -0.1109) |
| OKLCH | oklch(49.942% 0.1109 270.232) |
| Display P3 | color(display-p3 0.30893 0.36644 0.61661) |
| Rec. 2020 | color(rec2020 0.28482 0.31098 0.57236) |
| Adobe RGB | color(a98-rgb 0.32106 0.36945 0.62126) |
| ProPhoto RGB | color(prophoto-rgb 0.31496 0.30053 0.53746) |
| Linear sRGB | color(srgb-linear 0.07036 0.11193 0.36131) |
| XYZ D65 | color(xyz-d65 0.13425 0.1211 0.35814) |
| XYZ D50 | color(xyz-d50 0.12549 0.1178 0.26986) |
| SwiftUI | Color(red: 0.294, green: 0.369, blue: 0.635) |
| UIKit | UIColor(red: 0.294, green: 0.369, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF4B5EA2) |
| Android XML | #4B5EA2 |

## 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.14:1
- Contrast with black: 3.42:1

## Tints

#4b5ea2, #5b6eac, #6c7db6, #7d8dbf, #8e9dc9, #a0add2, #b2bddb, #c5cde4, #d8deed, #ebeef6

## Shades

#4b5ea2, #40518c, #354477, #2b3763, #212b4f, #171f3c, #0e142a, #060a19, #02030a, #000001

## Tones

#4b5ea2, #4d5f9c, #506096, #526190, #546189, #576283, #59627d, #5c6277, #5e6370, #60636a

## Harmonies

- Complementary: #4b5ea2, #7b5f00
- Split: #4b5ea2, #90510e, #5b6c12
- Analogous: #4b5ea2, #0c6a9b, #6d5398
- Triadic: #4b5ea2, #98473b, #297440
- Tetradic: #4b5ea2, #864981, #7b5f00, #297440
- Square: #4b5ea2, #944560, #7b5f00, #007766
- Monochromatic: #4b5ea2, #121a58, #2c3c7c, #6c82c9, #90a7f1

## Questions about #4b5ea2

### What color is #4b5ea2?

#4b5ea2 is soft dark blue. The closest named color is Bio Blue. In RGB it is rgb(75, 94, 162), in HSL hsl(226.9, 36.71%, 46.47%) and in OKLCH oklch(49.942% 0.1109 270.232).

### What colors go well with #4b5ea2?

The complementary color of #4b5ea2 is #7b5f00. For a calmer combination use the analogous colors #0c6a9b and #6d5398. The triadic partners are #98473b and #297440.

### Is white or black text more readable on #4b5ea2?

White text reads better on #4b5ea2: white gives a contrast ratio of 6.14:1 and black gives 3.42:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #4b5ea2 a warm or cool color?

#4b5ea2 is a cool color. In OKLCH its hue is 270 degrees, its lightness 49.9% and its chroma 0.111.