# #296aa3 color: Blues

#296aa3 is rgb(41, 106, 163) in RGB and oklch(51.091% 0.11184 248.477) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #296aa3 |
| RGB | rgb(41, 106, 163) |
| HSL | hsl(208.03, 59.8%, 40%) |
| HSB / HSV | hsv(208.03 74.85% 63.92%) |
| HWB | hwb(208.03 16.08% 36.08%) |
| CMYK | cmyk(75% 35% 0% 36%) |
| Lab | lab(42.83 -5.65 -37.37) |
| LCH | lch(42.83 37.8 261.41) |
| OKLab | oklab(51.091% -0.04103 -0.10404) |
| OKLCH | oklch(51.091% 0.11184 248.477) |
| Display P3 | color(display-p3 0.23162 0.41013 0.62156) |
| Rec. 2020 | color(rec2020 0.24794 0.35191 0.57817) |
| Adobe RGB | color(a98-rgb 0.27164 0.41446 0.62612) |
| ProPhoto RGB | color(prophoto-rgb 0.29458 0.3333 0.54405) |
| Linear sRGB | color(srgb-linear 0.02217 0.14413 0.36625) |
| XYZ D65 | color(xyz-d65 0.12678 0.13423 0.36574) |
| XYZ D50 | color(xyz-d50 0.11758 0.13046 0.27584) |
| SwiftUI | Color(red: 0.161, green: 0.416, blue: 0.639) |
| UIKit | UIColor(red: 0.161, green: 0.416, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF296AA3) |
| Android XML | #296AA3 |

## Facts

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

## Tints

#296aa3, #4179ad, #5687b6, #6b96c0, #80a5c9, #94b3d2, #a9c2db, #bed1e4, #d4e0ed, #e9f0f6

## Shades

#296aa3, #225b8d, #1c4d78, #153f63, #0f314f, #09243c, #05182a, #020d19, #01040a, #000001

## Tones

#296aa3, #326a9d, #3a6a97, #416a91, #476a8b, #4d6985, #52697f, #586879, #5d6873, #61676d

## Harmonies

- Complementary: #296aa3, #8f5800
- Split: #296aa3, #9b4c33, #776600
- Analogous: #296aa3, #007491, #595ea5
- Triadic: #296aa3, #9b4859, #537224
- Tetradic: #296aa3, #795397, #8f5800, #537224
- Square: #296aa3, #8f4b7c, #8f5800, #14794e
- Monochromatic: #296aa3, #002658, #00477e, #4e8eca, #73b4f2

## Questions about #296aa3

### What color is #296aa3?

#296aa3 is bright blue. The closest named color is Blues. In RGB it is rgb(41, 106, 163), in HSL hsl(208.03, 59.8%, 40%) and in OKLCH oklch(51.091% 0.11184 248.477).

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

The complementary color of #296aa3 is #8f5800. For a calmer combination use the analogous colors #007491 and #595ea5. The triadic partners are #9b4859 and #537224.

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

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

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

#296aa3 is a cool color. In OKLCH its hue is 248 degrees, its lightness 51.1% and its chroma 0.112.