# #3f84df color: Bright blue

#3f84df is rgb(63, 132, 223) in RGB and oklch(61.384% 0.15482 256.376) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3f84df |
| RGB | rgb(63, 132, 223) |
| HSL | hsl(214.13, 71.43%, 56.08%) |
| HSB / HSV | hsv(214.13 71.75% 87.45%) |
| HWB | hwb(214.13 24.71% 12.55%) |
| CMYK | cmyk(72% 41% 0% 13%) |
| Lab | lab(54.15 1.33 -53.76) |
| LCH | lch(54.15 53.77 271.41) |
| OKLab | oklab(61.384% -0.03647 -0.15046) |
| OKLCH | oklch(61.384% 0.15482 256.376) |
| Display P3 | color(display-p3 0.31682 0.51139 0.84856) |
| Rec. 2020 | color(rec2020 0.35323 0.46139 0.82607) |
| Adobe RGB | color(a98-rgb 0.35302 0.51334 0.85963) |
| ProPhoto RGB | color(prophoto-rgb 0.41598 0.439 0.79828) |
| Linear sRGB | color(srgb-linear 0.04971 0.23074 0.73791) |
| XYZ D65 | color(xyz-d65 0.23619 0.22886 0.72987) |
| XYZ D50 | color(xyz-d50 0.21612 0.22121 0.55003) |
| SwiftUI | Color(red: 0.247, green: 0.518, blue: 0.875) |
| UIKit | UIColor(red: 0.247, green: 0.518, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF3F84DF) |
| Android XML | #3F84DF |

## Facts

- Closest name: Bright blue
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.77:1
- Contrast with black: 5.58:1

## Tints

#3f84df, #5491e3, #679de7, #7aaaeb, #8db6ef, #a0c2f2, #b3cff5, #c6dbf8, #d9e7fb, #ecf3fd

## Shades

#3f84df, #3572c2, #2c60a5, #234f8a, #1b3f6f, #122f56, #0a203d, #041227, #010612, #000102

## Tones

#3f84df, #4885d6, #5085cd, #5886c5, #5f86bc, #6686b3, #6c86aa, #7286a0, #798597, #7e858e

## Harmonies

- Complementary: #3f84df, #b57500
- Split: #3f84df, #cd6122, #918800
- Analogous: #3f84df, #0093c4, #7f72dc
- Triadic: #3f84df, #d05663, #55982f
- Tetradic: #3f84df, #a863c2, #b57500, #55982f
- Square: #3f84df, #c45897, #b57500, #009f70
- Monochromatic: #3f84df, #003b90, #175fb7, #64aaff, #a7d2ff

## Questions about #3f84df

### What color is #3f84df?

#3f84df is bright blue. The closest named color is Bright blue. In RGB it is rgb(63, 132, 223), in HSL hsl(214.13, 71.43%, 56.08%) and in OKLCH oklch(61.384% 0.15482 256.376).

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

The complementary color of #3f84df is #b57500. For a calmer combination use the analogous colors #0093c4 and #7f72dc. The triadic partners are #d05663 and #55982f.

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

White text reads better on #3f84df: white gives a contrast ratio of 3.77:1 and black gives 5.58:1. WCAG AA asks for at least 4.5:1 for body text.

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

#3f84df is a cool color. In OKLCH its hue is 256 degrees, its lightness 61.4% and its chroma 0.155.