# #3fa5e2 color: High Blue

#3fa5e2 is rgb(63, 165, 226) in RGB and oklch(68.955% 0.12902 239.123) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3fa5e2 |
| RGB | rgb(63, 165, 226) |
| HSL | hsl(202.45, 73.76%, 56.67%) |
| HSB / HSV | hsv(202.45 72.12% 88.63%) |
| HWB | hwb(202.45 24.71% 11.37%) |
| CMYK | cmyk(72% 27% 0% 11%) |
| Lab | lab(63.91 -15.16 -40.09) |
| LCH | lch(63.91 42.86 249.28) |
| OKLab | oklab(68.955% -0.06621 -0.11073) |
| OKLCH | oklch(68.955% 0.12902 239.123) |
| Display P3 | color(display-p3 0.36185 0.63856 0.86534) |
| Rec. 2020 | color(rec2020 0.41892 0.59317 0.846) |
| Adobe RGB | color(a98-rgb 0.41263 0.64117 0.87456) |
| ProPhoto RGB | color(prophoto-rgb 0.47054 0.56247 0.8224) |
| Linear sRGB | color(srgb-linear 0.04971 0.37626 0.76052) |
| XYZ D65 | color(xyz-d65 0.2923 0.33456 0.76871) |
| XYZ D50 | color(xyz-d50 0.27541 0.3269 0.58031) |
| SwiftUI | Color(red: 0.247, green: 0.647, blue: 0.886) |
| UIKit | UIColor(red: 0.247, green: 0.647, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF3FA5E2) |
| Android XML | #3FA5E2 |

## 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.69:1

## Tints

#3fa5e2, #58aee5, #6db8e9, #81c1ec, #93caef, #a6d3f2, #b8dcf5, #cae5f8, #dcedfa, #edf6fd

## Shades

#3fa5e2, #358fc4, #2c79a8, #23658c, #1b5171, #123d57, #0a2b3e, #041a27, #010a12, #000103

## Tones

#3fa5e2, #4da4db, #59a4d4, #64a3cd, #6da2c6, #76a1bf, #7ea0b8, #869fb1, #8d9eaa, #949ca2

## Harmonies

- Complementary: #3fa5e2, #d58640
- Split: #3fa5e2, #e07a6c, #bb9627
- Analogous: #3fa5e2, #00b0c6, #7b96eb
- Triadic: #3fa5e2, #da7799, #93a641
- Tetradic: #3fa5e2, #a788e0, #d58640, #93a641
- Square: #3fa5e2, #c77dc2, #d58640, #5bb16e
- Monochromatic: #3fa5e2, #005c94, #0080ba, #69ccff, #c3eeff

## Questions about #3fa5e2

### What color is #3fa5e2?

#3fa5e2 is bright sky blue. The closest named color is High Blue. In RGB it is rgb(63, 165, 226), in HSL hsl(202.45, 73.76%, 56.67%) and in OKLCH oklch(68.955% 0.12902 239.123).

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

The complementary color of #3fa5e2 is #d58640. For a calmer combination use the analogous colors #00b0c6 and #7b96eb. The triadic partners are #da7799 and #93a641.

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

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

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

#3fa5e2 is a cool color. In OKLCH its hue is 239 degrees, its lightness 69% and its chroma 0.129.