# #4baae2 color: High Blue

#4baae2 is rgb(75, 170, 226) in RGB and oklch(70.471% 0.12097 237.864) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #4baae2 |
| RGB | rgb(75, 170, 226) |
| HSL | hsl(202.25, 72.25%, 59.02%) |
| HSB / HSV | hsv(202.25 66.81% 88.63%) |
| HWB | hwb(202.25 29.41% 11.37%) |
| CMYK | cmyk(67% 25% 0% 11%) |
| Lab | lab(65.74 -15.7 -37.21) |
| LCH | lch(65.74 40.38 247.13) |
| OKLab | oklab(70.471% -0.06435 -0.10244) |
| OKLCH | oklch(70.471% 0.12097 237.864) |
| Display P3 | color(display-p3 0.39477 0.65837 0.86652) |
| Rec. 2020 | color(rec2020 0.44471 0.61458 0.84754) |
| Adobe RGB | color(a98-rgb 0.44053 0.66074 0.87513) |
| ProPhoto RGB | color(prophoto-rgb 0.48994 0.58371 0.82459) |
| Linear sRGB | color(srgb-linear 0.07036 0.40198 0.76052) |
| XYZ D65 | color(xyz-d65 0.31002 0.35735 0.77218) |
| XYZ D50 | color(xyz-d50 0.29432 0.34993 0.58309) |
| SwiftUI | Color(red: 0.294, green: 0.667, blue: 0.886) |
| UIKit | UIColor(red: 0.294, green: 0.667, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF4BAAE2) |
| Android XML | #4BAAE2 |

## Facts

- Closest name: High Blue
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: sky-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.58:1
- Contrast with black: 8.15:1

## Tints

#4baae2, #61b3e5, #74bbe9, #87c4ec, #99cdef, #aad5f2, #bbdef5, #cce6f8, #ddeefa, #eef7fd

## Shades

#4baae2, #4093c4, #357da8, #2b688c, #215371, #173f57, #0e2d3e, #061b27, #020b12, #000103

## Tones

#4baae2, #57a9dc, #62a9d5, #6ba8cf, #74a7c8, #7ca6c2, #84a5bb, #8ca4b4, #93a2ad, #99a1a7

## Harmonies

- Complementary: #4baae2, #d88c4e
- Split: #4baae2, #e18175, #bf9b3a
- Analogous: #4baae2, #01b4c7, #7f9ceb
- Triadic: #4baae2, #dc7ea0, #99aa4c
- Tetradic: #4baae2, #a98fe1, #d88c4e, #99aa4c
- Square: #4baae2, #c884c6, #d88c4e, #68b474
- Monochromatic: #4baae2, #006194, #1c85ba, #73d1ff, #ccf3ff

## Questions about #4baae2

### What color is #4baae2?

#4baae2 is bright light sky blue. The closest named color is High Blue. In RGB it is rgb(75, 170, 226), in HSL hsl(202.25, 72.25%, 59.02%) and in OKLCH oklch(70.471% 0.12097 237.864).

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

The complementary color of #4baae2 is #d88c4e. For a calmer combination use the analogous colors #01b4c7 and #7f9ceb. The triadic partners are #dc7ea0 and #99aa4c.

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

Black text reads better on #4baae2: white gives a contrast ratio of 2.58:1 and black gives 8.15:1. WCAG AA asks for at least 4.5:1 for body text.

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

#4baae2 is a cool color. In OKLCH its hue is 238 degrees, its lightness 70.5% and its chroma 0.121.