# #1fa3ef color: Button Blue

#1fa3ef is rgb(31, 163, 239) in RGB and oklch(68.499% 0.15317 241.53) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #1fa3ef |
| RGB | rgb(31, 163, 239) |
| HSL | hsl(201.92, 86.67%, 52.94%) |
| HSB / HSV | hsv(201.92 87.03% 93.73%) |
| HWB | hwb(201.92 12.16% 6.27%) |
| CMYK | cmyk(87% 32% 0% 6%) |
| Lab | lab(63.17 -13.94 -48.41) |
| LCH | lch(63.17 50.38 253.94) |
| OKLab | oklab(68.499% -0.07302 -0.13465) |
| OKLCH | oklch(68.499% 0.15317 241.53) |
| Display P3 | color(display-p3 0.3061 0.62989 0.91265) |
| Rec. 2020 | color(rec2020 0.39144 0.58393 0.89805) |
| Adobe RGB | color(a98-rgb 0.37274 0.63336 0.92513) |
| ProPhoto RGB | color(prophoto-rgb 0.46243 0.55415 0.87748) |
| Linear sRGB | color(srgb-linear 0.0137 0.36625 0.86316) |
| XYZ D65 | color(xyz-d65 0.2924 0.32716 0.86438) |
| XYZ D50 | color(xyz-d50 0.27054 0.31793 0.65213) |
| SwiftUI | Color(red: 0.122, green: 0.639, blue: 0.937) |
| UIKit | UIColor(red: 0.122, green: 0.639, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF1FA3EF) |
| Android XML | #1FA3EF |

## Facts

- Closest name: Button 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.78:1
- Contrast with black: 7.54:1

## Tints

#1fa3ef, #45adf1, #5fb6f4, #76c0f6, #8bc9f8, #9fd2f9, #b3dbfb, #c6e4fc, #d9edfd, #ecf6fe

## Shades

#1fa3ef, #198dd0, #1478b1, #0f6394, #0a4f78, #063c5c, #032a42, #01192a, #000a14, #000103

## Tones

#1fa3ef, #39a3e7, #4aa2de, #58a2d6, #64a1ce, #6ea0c5, #789fbd, #819eb4, #8a9dab, #929ba3

## Harmonies

- Complementary: #1fa3ef, #dc8015
- Split: #1fa3ef, #e9715c, #bc9500
- Analogous: #1fa3ef, #00afcb, #7991f8
- Triadic: #1fa3ef, #e46c93, #8ba724
- Tetradic: #1fa3ef, #ab80e8, #dc8015, #8ba724
- Square: #1fa3ef, #cf73c4, #dc8015, #3eb468
- Monochromatic: #1fa3ef, #005996, #007dc7, #69c9ff, #c2ecff

## Questions about #1fa3ef

### What color is #1fa3ef?

#1fa3ef is bright sky blue. The closest named color is Button Blue. In RGB it is rgb(31, 163, 239), in HSL hsl(201.92, 86.67%, 52.94%) and in OKLCH oklch(68.499% 0.15317 241.53).

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

The complementary color of #1fa3ef is #dc8015. For a calmer combination use the analogous colors #00afcb and #7991f8. The triadic partners are #e46c93 and #8ba724.

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

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

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

#1fa3ef is a cool color. In OKLCH its hue is 242 degrees, its lightness 68.5% and its chroma 0.153.