# #3ba2ef color: Rockman Blue

#3ba2ef is rgb(59, 162, 239) in RGB and oklch(68.831% 0.14684 245.206) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3ba2ef |
| RGB | rgb(59, 162, 239) |
| HSL | hsl(205.67, 84.91%, 58.43%) |
| HSB / HSV | hsv(205.67 75.31% 93.73%) |
| HWB | hwb(205.67 23.14% 6.27%) |
| CMYK | cmyk(75% 32% 0% 6%) |
| Lab | lab(63.43 -10.6 -47.96) |
| LCH | lch(63.43 49.12 257.53) |
| OKLab | oklab(68.831% -0.06158 -0.1333) |
| OKLCH | oklch(68.831% 0.14684 245.206) |
| Display P3 | color(display-p3 0.34939 0.62683 0.91272) |
| Rec. 2020 | color(rec2020 0.41364 0.58174 0.89808) |
| Adobe RGB | color(a98-rgb 0.40122 0.62945 0.92503) |
| ProPhoto RGB | color(prophoto-rgb 0.47693 0.55294 0.87743) |
| Linear sRGB | color(srgb-linear 0.04374 0.36131 0.86316) |
| XYZ D65 | color(xyz-d65 0.30302 0.33001 0.86437) |
| XYZ D50 | color(xyz-d50 0.28173 0.32107 0.65207) |
| SwiftUI | Color(red: 0.231, green: 0.635, blue: 0.937) |
| UIKit | UIColor(red: 0.231, green: 0.635, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF3BA2EF) |
| Android XML | #3BA2EF |

## 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.76:1
- Contrast with black: 7.6:1

## Tints

#3ba2ef, #54acf1, #6ab5f4, #7ebff6, #91c8f8, #a4d2f9, #b7dbfb, #c9e4fc, #dbedfd, #edf6fe

## Shades

#3ba2ef, #328cd0, #2977b1, #216394, #194f78, #113c5c, #092a42, #04192a, #010a14, #000103

## Tones

#3ba2ef, #4aa2e7, #56a2df, #61a1d6, #6ba1ce, #74a0c6, #7d9fbd, #859eb5, #8c9dac, #949ca4

## Harmonies

- Complementary: #3ba2ef, #d7851b
- Split: #3ba2ef, #e67559, #b79900
- Analogous: #3ba2ef, #00afd1, #8291f5
- Triadic: #3ba2ef, #e4708e, #86aa37
- Tetradic: #3ba2ef, #b081e3, #d7851b, #86aa37
- Square: #3ba2ef, #d175be, #d7851b, #39b572
- Monochromatic: #3ba2ef, #00589e, #007cc7, #76c8ff, #c7ecff

## Questions about #3ba2ef

### What color is #3ba2ef?

#3ba2ef is bright sky blue. The closest named color is Rockman Blue. In RGB it is rgb(59, 162, 239), in HSL hsl(205.67, 84.91%, 58.43%) and in OKLCH oklch(68.831% 0.14684 245.206).

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

The complementary color of #3ba2ef is #d7851b. For a calmer combination use the analogous colors #00afd1 and #8291f5. The triadic partners are #e4708e and #86aa37.

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

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

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

#3ba2ef is a cool color. In OKLCH its hue is 245 degrees, its lightness 68.8% and its chroma 0.147.