# #4e86ff color: Bleuchâtel Blue

#4e86ff is rgb(78, 134, 255) in RGB and oklch(64.438% 0.18958 263.368) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/4e86ff

## Formats

| Format | Value |
| --- | --- |
| HEX | #4e86ff |
| RGB | rgb(78, 134, 255) |
| HSL | hsl(221.02, 100%, 65.29%) |
| HSB / HSV | hsv(221.02 69.41% 100%) |
| HWB | hwb(221.02 30.59% 0%) |
| CMYK | cmyk(69% 47% 0% 0%) |
| Lab | lab(56.93 12.01 -66.99) |
| LCH | lch(56.93 68.06 280.16) |
| OKLab | oklab(64.438% -0.02189 -0.18831) |
| OKLCH | oklch(64.438% 0.18958 263.368) |
| Display P3 | color(display-p3 0.35747 0.51999 0.96815) |
| Rec. 2020 | color(rec2020 0.39544 0.47455 0.95839) |
| Adobe RGB | color(a98-rgb 0.38477 0.52102 0.98562) |
| ProPhoto RGB | color(prophoto-rgb 0.47273 0.45662 0.94012) |
| Linear sRGB | color(srgb-linear 0.07619 0.2384 1) |
| XYZ D65 | color(xyz-d65 0.29715 0.25889 0.98042) |
| XYZ D50 | color(xyz-d50 0.26812 0.24847 0.7383) |
| SwiftUI | Color(red: 0.306, green: 0.525, blue: 1) |
| UIKit | UIColor(red: 0.306, green: 0.525, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF4E86FF) |
| Android XML | #4E86FF |

## Facts

- Closest name: Bleuchâtel Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.4:1
- Contrast with black: 6.18:1

## Tints

#4e86ff, #5f93ff, #71a0ff, #82adff, #93b9ff, #a5c5ff, #b7d1ff, #c8dcff, #dae8ff, #edf4ff

## Shades

#4e86ff, #4374de, #3862be, #2d519e, #234080, #193063, #0f2148, #07132e, #020616, #000103

## Tones

#4e86ff, #5588f4, #5c8ae9, #628bde, #698cd3, #6f8dc8, #758dbc, #7c8eb1, #828ea5, #878e99

## Harmonies

- Complementary: #4e86ff, #b98300
- Split: #4e86ff, #e06400, #8f9600
- Analogous: #4e86ff, #009bdd, #9570f4
- Triadic: #4e86ff, #ea5153, #2ea932
- Tetradic: #4e86ff, #c25dce, #b98300, #2ea932
- Square: #4e86ff, #df5197, #b98300, #00a986
- Monochromatic: #4e86ff, #0a39ad, #2c60d5, #83b0ff, #bfd9ff

## Questions about #4e86ff

### What color is #4e86ff?

#4e86ff is bright blue. The closest named color is Bleuchâtel Blue. In RGB it is rgb(78, 134, 255), in HSL hsl(221.02, 100%, 65.29%) and in OKLCH oklch(64.438% 0.18958 263.368).

### What colors go well with #4e86ff?

The complementary color of #4e86ff is #b98300. For a calmer combination use the analogous colors #009bdd and #9570f4. The triadic partners are #ea5153 and #2ea932.

### Is white or black text more readable on #4e86ff?

White text reads better on #4e86ff: white gives a contrast ratio of 3.4:1 and black gives 6.18:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #4e86ff a warm or cool color?

#4e86ff is a cool color. In OKLCH its hue is 263 degrees, its lightness 64.4% and its chroma 0.19.