# #296ab2 color: Mid Blue

#296ab2 is rgb(41, 106, 178) in RGB and oklch(52.01% 0.13135 253.581) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/296ab2

## Formats

| Format | Value |
| --- | --- |
| HEX | #296ab2 |
| RGB | rgb(41, 106, 178) |
| HSL | hsl(211.53, 62.56%, 42.94%) |
| HSB / HSV | hsv(211.53 76.97% 69.8%) |
| HWB | hwb(211.53 16.08% 30.2%) |
| CMYK | cmyk(77% 40% 0% 30%) |
| Lab | lab(43.54 -1.01 -45.02) |
| LCH | lch(43.54 45.04 268.71) |
| OKLab | oklab(52.01% -0.03713 -0.126) |
| OKLCH | oklch(52.01% 0.13135 253.581) |
| Display P3 | color(display-p3 0.23162 0.41013 0.67718) |
| Rec. 2020 | color(rec2020 0.25478 0.35323 0.63811) |
| Adobe RGB | color(a98-rgb 0.27164 0.41446 0.68332) |
| ProPhoto RGB | color(prophoto-rgb 0.31062 0.33626 0.60327) |
| Linear sRGB | color(srgb-linear 0.02217 0.14413 0.4452) |
| XYZ D65 | color(xyz-d65 0.14103 0.13993 0.44079) |
| XYZ D50 | color(xyz-d50 0.12888 0.13525 0.33222) |
| SwiftUI | Color(red: 0.161, green: 0.416, blue: 0.698) |
| UIKit | UIColor(red: 0.161, green: 0.416, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF296AB2) |
| Android XML | #296AB2 |

## Facts

- Closest name: Mid Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.53:1
- Contrast with black: 3.8:1

## Tints

#296ab2, #4079ba, #5688c3, #6b96cb, #80a5d3, #94b4db, #a9c3e2, #bed2ea, #d4e1f1, #e9f0f8

## Shades

#296ab2, #225b9a, #1c4d83, #153f6d, #0f3157, #092443, #05182f, #020d1d, #01040c, #000001

## Tones

#296ab2, #326bab, #3a6ba4, #416b9d, #486b96, #4e6b8e, #546b87, #596b80, #5f6a78, #646a71

## Harmonies

- Complementary: #296ab2, #945a00
- Split: #296ab2, #a54b1f, #776b00
- Analogous: #296ab2, #00769b, #615cb1
- Triadic: #296ab2, #a64352, #48781d
- Tetradic: #296ab2, #844f9d, #945a00, #48781d
- Square: #296ab2, #9b467c, #945a00, #007f53
- Monochromatic: #296ab2, #002466, #00478c, #4e8fda, #73b5ff

## Questions about #296ab2

### What color is #296ab2?

#296ab2 is bright blue. The closest named color is Mid Blue. In RGB it is rgb(41, 106, 178), in HSL hsl(211.53, 62.56%, 42.94%) and in OKLCH oklch(52.01% 0.13135 253.581).

### What colors go well with #296ab2?

The complementary color of #296ab2 is #945a00. For a calmer combination use the analogous colors #00769b and #615cb1. The triadic partners are #a64352 and #48781d.

### Is white or black text more readable on #296ab2?

White text reads better on #296ab2: white gives a contrast ratio of 5.53:1 and black gives 3.8:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #296ab2 a warm or cool color?

#296ab2 is a cool color. In OKLCH its hue is 254 degrees, its lightness 52% and its chroma 0.131.