# #2fa4ff color: Xed

#2fa4ff is rgb(47, 164, 255) in RGB and oklch(69.878% 0.16679 247.347) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2fa4ff

## Formats

| Format | Value |
| --- | --- |
| HEX | #2fa4ff |
| RGB | rgb(47, 164, 255) |
| HSL | hsl(206.25, 100%, 59.22%) |
| HSB / HSV | hsv(206.25 81.57% 100%) |
| HWB | hwb(206.25 18.43% 0%) |
| CMYK | cmyk(82% 36% 0% 0%) |
| Lab | lab(64.41 -8.38 -55.15) |
| LCH | lch(64.41 55.78 261.36) |
| OKLab | oklab(69.878% -0.06424 -0.15392) |
| OKLCH | oklch(69.878% 0.16679 247.347) |
| Display P3 | color(display-p3 0.33055 0.63414 0.97218) |
| Rec. 2020 | color(rec2020 0.41313 0.59023 0.96403) |
| Adobe RGB | color(a98-rgb 0.39 0.63726 0.98815) |
| ProPhoto RGB | color(prophoto-rgb 0.49124 0.5627 0.94874) |
| Linear sRGB | color(srgb-linear 0.02843 0.37124 1) |
| XYZ D65 | color(xyz-d65 0.32495 0.34373 0.99533) |
| XYZ D50 | color(xyz-d50 0.29846 0.33308 0.75054) |
| SwiftUI | Color(red: 0.184, green: 0.643, blue: 1) |
| UIKit | UIColor(red: 0.184, green: 0.643, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF2FA4FF) |
| Android XML | #2FA4FF |

## Facts

- Closest name: Xed
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.67:1
- Contrast with black: 7.88:1

## Tints

#2fa4ff, #4daeff, #65b7ff, #7ac1ff, #8ecaff, #a2d3ff, #b5dcff, #c8e5ff, #daeeff, #edf6ff

## Shades

#2fa4ff, #278ede, #2079be, #19649e, #125080, #0c3d63, #062b48, #031a2e, #010a16, #000103

## Tones

#2fa4ff, #42a4f6, #51a4ec, #5ea4e3, #69a4d9, #73a3d0, #7da2c6, #86a1bc, #8ea0b2, #969fa8

## Harmonies

- Complementary: #2fa4ff, #e18500
- Split: #2fa4ff, #f2724c, #ba9d00
- Analogous: #2fa4ff, #00b2d9, #8690ff
- Triadic: #2fa4ff, #f16b8b, #81b027
- Tetradic: #2fa4ff, #ba7eed, #e18500, #81b027
- Square: #2fa4ff, #dd71c3, #e18500, #00bc73
- Monochromatic: #2fa4ff, #005aa8, #007ed6, #82cbff, #cfefff

## Questions about #2fa4ff

### What color is #2fa4ff?

#2fa4ff is bright blue. The closest named color is Xed. In RGB it is rgb(47, 164, 255), in HSL hsl(206.25, 100%, 59.22%) and in OKLCH oklch(69.878% 0.16679 247.347).

### What colors go well with #2fa4ff?

The complementary color of #2fa4ff is #e18500. For a calmer combination use the analogous colors #00b2d9 and #8690ff. The triadic partners are #f16b8b and #81b027.

### Is white or black text more readable on #2fa4ff?

Black text reads better on #2fa4ff: white gives a contrast ratio of 2.67:1 and black gives 7.88:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2fa4ff a warm or cool color?

#2fa4ff is a cool color. In OKLCH its hue is 247 degrees, its lightness 69.9% and its chroma 0.167.