# #3aa6df color: High Blue

#3aa6df is rgb(58, 166, 223) in RGB and oklch(68.902% 0.12725 236.285) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3aa6df

## Formats

| Format | Value |
| --- | --- |
| HEX | #3aa6df |
| RGB | rgb(58, 166, 223) |
| HSL | hsl(200.73, 72.05%, 55.1%) |
| HSB / HSV | hsv(200.73 73.99% 87.45%) |
| HWB | hwb(200.73 22.75% 12.55%) |
| CMYK | cmyk(74% 26% 0% 13%) |
| Lab | lab(63.96 -17.18 -38.38) |
| LCH | lch(63.96 42.05 245.88) |
| OKLab | oklab(68.902% -0.07063 -0.10585) |
| OKLCH | oklch(68.902% 0.12725 236.285) |
| Display P3 | color(display-p3 0.35337 0.64222 0.85442) |
| Rec. 2020 | color(rec2020 0.41399 0.59654 0.83405) |
| Adobe RGB | color(a98-rgb 0.40753 0.64508 0.863) |
| ProPhoto RGB | color(prophoto-rgb 0.46501 0.56516 0.80992) |
| Linear sRGB | color(srgb-linear 0.04231 0.38133 0.73791) |
| XYZ D65 | color(xyz-d65 0.28698 0.33498 0.74768) |
| XYZ D50 | color(xyz-d50 0.2709 0.32751 0.56455) |
| SwiftUI | Color(red: 0.227, green: 0.651, blue: 0.875) |
| UIKit | UIColor(red: 0.227, green: 0.651, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF3AA6DF) |
| Android XML | #3AA6DF |

## Facts

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

## Tints

#3aa6df, #54afe3, #6ab8e6, #7fc1ea, #92caed, #a5d3f1, #b7dcf4, #c9e5f7, #dbeefa, #edf6fc

## Shades

#3aa6df, #3190c2, #287aa5, #20658a, #18516f, #103e56, #092b3d, #041a27, #010a12, #000102

## Tones

#3aa6df, #4aa5d8, #57a5d2, #62a4cb, #6ca3c4, #75a2be, #7da0b7, #859fb0, #8d9ea9, #949ca2

## Harmonies

- Complementary: #3aa6df, #d68545
- Split: #3aa6df, #df7a70, #be952a
- Analogous: #3aa6df, #00b0c2, #7698ea
- Triadic: #3aa6df, #d8789d, #97a53e
- Tetradic: #3aa6df, #a389e0, #d68545, #97a53e
- Square: #3aa6df, #c47ec5, #d68545, #62b06a
- Monochromatic: #3aa6df, #005d8f, #0081b7, #65cdff, #c0efff

## Questions about #3aa6df

### What color is #3aa6df?

#3aa6df is bright sky blue. The closest named color is High Blue. In RGB it is rgb(58, 166, 223), in HSL hsl(200.73, 72.05%, 55.1%) and in OKLCH oklch(68.902% 0.12725 236.285).

### What colors go well with #3aa6df?

The complementary color of #3aa6df is #d68545. For a calmer combination use the analogous colors #00b0c2 and #7698ea. The triadic partners are #d8789d and #97a53e.

### Is white or black text more readable on #3aa6df?

Black text reads better on #3aa6df: white gives a contrast ratio of 2.73:1 and black gives 7.7:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3aa6df a warm or cool color?

#3aa6df is a cool color. In OKLCH its hue is 236 degrees, its lightness 68.9% and its chroma 0.127.