# #1fa4e2 color: Vanadyl Blue

#1fa4e2 is rgb(31, 164, 226) in RGB and oklch(68.051% 0.13908 235.95) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/1fa4e2

## Formats

| Format | Value |
| --- | --- |
| HEX | #1fa4e2 |
| RGB | rgb(31, 164, 226) |
| HSL | hsl(199.08, 77.08%, 50.39%) |
| HSB / HSV | hsv(199.08 86.28% 88.63%) |
| HWB | hwb(199.08 12.16% 11.37%) |
| CMYK | cmyk(86% 27% 0% 11%) |
| Lab | lab(62.95 -18.22 -41.64) |
| LCH | lch(62.95 45.45 246.37) |
| OKLab | oklab(68.051% -0.07787 -0.11523) |
| OKLCH | oklch(68.051% 0.13908 235.95) |
| Display P3 | color(display-p3 0.30783 0.63375 0.86482) |
| Rec. 2020 | color(rec2020 0.38771 0.58695 0.84538) |
| Adobe RGB | color(a98-rgb 0.37484 0.63726 0.87445) |
| ProPhoto RGB | color(prophoto-rgb 0.44911 0.55546 0.82162) |
| Linear sRGB | color(srgb-linear 0.0137 0.37124 0.76052) |
| XYZ D65 | color(xyz-d65 0.27566 0.32332 0.76742) |
| XYZ D50 | color(xyz-d50 0.25777 0.31529 0.57932) |
| SwiftUI | Color(red: 0.122, green: 0.643, blue: 0.886) |
| UIKit | UIColor(red: 0.122, green: 0.643, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF1FA4E2) |
| Android XML | #1FA4E2 |

## Facts

- Closest name: Vanadyl 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.81:1
- Contrast with black: 7.47:1

## Tints

#1fa4e2, #45ade6, #5fb7e9, #76c0ec, #8bc9ef, #9fd2f2, #b3dbf5, #c6e4f8, #d9edfa, #ecf6fd

## Shades

#1fa4e2, #198ec4, #1479a8, #0f648c, #0a5071, #063d57, #032b3e, #011a27, #000a12, #000103

## Tones

#1fa4e2, #39a3db, #4aa3d4, #58a2cc, #63a1c5, #6ea0be, #779eb7, #809daf, #899ca8, #919aa0

## Harmonies

- Complementary: #1fa4e2, #d87f37
- Split: #1fa4e2, #e1736a, #be9101
- Analogous: #1fa4e2, #00afc1, #7094ee
- Triadic: #1fa4e2, #da719b, #95a22c
- Tetradic: #1fa4e2, #a185e4, #d87f37, #95a22c
- Square: #1fa4e2, #c478c6, #d87f37, #59af62
- Monochromatic: #1fa4e2, #005a8b, #007eba, #54cbff, #b9edff

## Questions about #1fa4e2

### What color is #1fa4e2?

#1fa4e2 is bright sky blue. The closest named color is Vanadyl Blue. In RGB it is rgb(31, 164, 226), in HSL hsl(199.08, 77.08%, 50.39%) and in OKLCH oklch(68.051% 0.13908 235.95).

### What colors go well with #1fa4e2?

The complementary color of #1fa4e2 is #d87f37. For a calmer combination use the analogous colors #00afc1 and #7094ee. The triadic partners are #da719b and #95a22c.

### Is white or black text more readable on #1fa4e2?

Black text reads better on #1fa4e2: white gives a contrast ratio of 2.81:1 and black gives 7.47:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #1fa4e2 a warm or cool color?

#1fa4e2 is a cool color. In OKLCH its hue is 236 degrees, its lightness 68.1% and its chroma 0.139.