# #2fa5f1 color: Rockman Blue

#2fa5f1 is rgb(47, 165, 241) in RGB and oklch(69.335% 0.15016 242.685) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2fa5f1 |
| RGB | rgb(47, 165, 241) |
| HSL | hsl(203.51, 87.39%, 56.47%) |
| HSB / HSV | hsv(203.51 80.5% 94.51%) |
| HWB | hwb(203.51 18.43% 5.49%) |
| CMYK | cmyk(80% 32% 0% 5%) |
| Lab | lab(64.11 -12.97 -48.01) |
| LCH | lch(64.11 49.73 254.88) |
| OKLab | oklab(69.335% -0.06891 -0.13342) |
| OKLCH | oklch(69.335% 0.15016 242.685) |
| Display P3 | color(display-p3 0.33215 0.638 0.92052) |
| Rec. 2020 | color(rec2020 0.40863 0.59307 0.90684) |
| Adobe RGB | color(a98-rgb 0.39201 0.64117 0.93318) |
| ProPhoto RGB | color(prophoto-rgb 0.47608 0.56358 0.8871) |
| Linear sRGB | color(srgb-linear 0.02843 0.37626 0.87962) |
| XYZ D65 | color(xyz-d65 0.30502 0.33864 0.88151) |
| XYZ D50 | color(xyz-d50 0.28317 0.32938 0.66506) |
| SwiftUI | Color(red: 0.184, green: 0.647, blue: 0.945) |
| UIKit | UIColor(red: 0.184, green: 0.647, blue: 0.945, alpha: 1) |
| Flutter / Compose | Color(0xFF2FA5F1) |
| Android XML | #2FA5F1 |

## Facts

- Closest name: Rockman 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.7:1
- Contrast with black: 7.77:1

## Tints

#2fa5f1, #4daff3, #65b8f5, #7bc1f7, #8fcaf9, #a2d3fa, #b5dcfc, #c8e5fd, #daeefe, #edf6fe

## Shades

#2fa5f1, #278fd2, #2079b3, #196595, #125179, #0c3d5d, #062b43, #031a2b, #010a14, #000103

## Tones

#2fa5f1, #42a5e9, #51a4e1, #5ea4d8, #69a3d0, #73a2c8, #7ca1bf, #85a0b7, #8d9fae, #959ea5

## Harmonies

- Complementary: #2fa5f1, #dc841d
- Split: #2fa5f1, #ea755d, #bd9800
- Analogous: #2fa5f1, #00b2d0, #7e94f9
- Triadic: #2fa5f1, #e67094, #8cab2f
- Tetradic: #2fa5f1, #af83e8, #dc841d, #8cab2f
- Square: #2fa5f1, #d276c4, #dc841d, #41b66d
- Monochromatic: #2fa5f1, #005b9b, #007fc9, #73cbff, #c8eeff

## Questions about #2fa5f1

### What color is #2fa5f1?

#2fa5f1 is bright sky blue. The closest named color is Rockman Blue. In RGB it is rgb(47, 165, 241), in HSL hsl(203.51, 87.39%, 56.47%) and in OKLCH oklch(69.335% 0.15016 242.685).

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

The complementary color of #2fa5f1 is #dc841d. For a calmer combination use the analogous colors #00b2d0 and #7e94f9. The triadic partners are #e67094 and #8cab2f.

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

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

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

#2fa5f1 is a cool color. In OKLCH its hue is 243 degrees, its lightness 69.3% and its chroma 0.15.