# #3fa3fa color: Rockman Blue

#3fa3fa is rgb(63, 163, 250) in RGB and oklch(69.76% 0.15742 248.597) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3fa3fa |
| RGB | rgb(63, 163, 250) |
| HSL | hsl(207.91, 94.92%, 61.37%) |
| HSB / HSV | hsv(207.91 74.8% 98.04%) |
| HWB | hwb(207.91 24.71% 1.96%) |
| CMYK | cmyk(75% 35% 0% 2%) |
| Lab | lab(64.29 -7.45 -52.6) |
| LCH | lch(64.29 53.12 261.93) |
| OKLab | oklab(69.76% -0.05745 -0.14657) |
| OKLCH | oklch(69.76% 0.15742 248.597) |
| Display P3 | color(display-p3 0.35897 0.63085 0.95366) |
| Rec. 2020 | color(rec2020 0.42528 0.58706 0.94342) |
| Adobe RGB | color(a98-rgb 0.40886 0.63336 0.96834) |
| ProPhoto RGB | color(prophoto-rgb 0.49459 0.55962 0.92631) |
| Linear sRGB | color(srgb-linear 0.04971 0.36625 0.95597) |
| XYZ D65 | color(xyz-d65 0.324 0.34152 0.9533) |
| XYZ D50 | color(xyz-d50 0.29952 0.33157 0.71891) |
| SwiftUI | Color(red: 0.247, green: 0.639, blue: 0.98) |
| UIKit | UIColor(red: 0.247, green: 0.639, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF3FA3FA) |
| Android XML | #3FA3FA |

## Facts

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

## Tints

#3fa3fa, #57adfb, #6cb6fd, #80c0fe, #93c9ff, #a5d2ff, #b8dcff, #c9e5ff, #dbedff, #edf6ff

## Shades

#3fa3fa, #358dd9, #2c78ba, #23639b, #1b4f7d, #123c61, #0a2a46, #04192d, #010a15, #000103

## Tones

#3fa3fa, #4da3f1, #59a3e8, #64a3df, #6ea3d6, #77a2cd, #7fa2c4, #87a1ba, #8fa0b1, #969fa7

## Harmonies

- Complementary: #3fa3fa, #dc8800
- Split: #3fa3fa, #ee764f, #b79d00
- Analogous: #3fa3fa, #00b2da, #8991fd
- Triadic: #3fa3fa, #ed6f8a, #80b036
- Tetradic: #3fa3fa, #ba80e7, #dc8800, #80b036
- Square: #3fa3fa, #db73be, #dc8800, #16ba78
- Monochromatic: #3fa3fa, #0058a9, #017dd1, #84caff, #d0eeff

## Questions about #3fa3fa

### What color is #3fa3fa?

#3fa3fa is bright blue. The closest named color is Rockman Blue. In RGB it is rgb(63, 163, 250), in HSL hsl(207.91, 94.92%, 61.37%) and in OKLCH oklch(69.76% 0.15742 248.597).

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

The complementary color of #3fa3fa is #dc8800. For a calmer combination use the analogous colors #00b2da and #8991fd. The triadic partners are #ed6f8a and #80b036.

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

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

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

#3fa3fa is a cool color. In OKLCH its hue is 249 degrees, its lightness 69.8% and its chroma 0.157.