# #278ae2 color: Bleu de France

#278ae2 is rgb(39, 138, 226) in RGB and oklch(62.218% 0.15921 250.306) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/278ae2

## Formats

| Format | Value |
| --- | --- |
| HEX | #278ae2 |
| RGB | rgb(39, 138, 226) |
| HSL | hsl(208.24, 76.33%, 51.96%) |
| HSB / HSV | hsv(208.24 82.74% 88.63%) |
| HWB | hwb(208.24 15.29% 11.37%) |
| CMYK | cmyk(83% 39% 0% 11%) |
| Lab | lab(55.36 -4.14 -53.56) |
| LCH | lch(55.36 53.72 265.58) |
| OKLab | oklab(62.218% -0.05365 -0.14989) |
| OKLCH | oklch(62.218% 0.15921 250.306) |
| Display P3 | color(display-p3 0.27577 0.53352 0.86035) |
| Rec. 2020 | color(rec2020 0.33865 0.48312 0.83929) |
| Adobe RGB | color(a98-rgb 0.3293 0.5364 0.87187) |
| ProPhoto RGB | color(prophoto-rgb 0.41072 0.4582 0.8127) |
| Linear sRGB | color(srgb-linear 0.02029 0.25415 0.76052) |
| XYZ D65 | color(xyz-d65 0.23651 0.24098 0.75359) |
| XYZ D50 | color(xyz-d50 0.21555 0.23282 0.56805) |
| SwiftUI | Color(red: 0.153, green: 0.541, blue: 0.886) |
| UIKit | UIColor(red: 0.153, green: 0.541, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF278AE2) |
| Android XML | #278AE2 |

## Facts

- Closest name: Bleu de France
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.61:1
- Contrast with black: 5.82:1

## Tints

#278ae2, #4496e6, #5ca2ea, #71aeed, #86baf0, #9bc6f3, #afd1f6, #c3ddf9, #d7e8fb, #ebf4fd

## Shades

#278ae2, #2077c4, #1a65a8, #14538c, #0e4271, #083257, #04223e, #021427, #010712, #000103

## Tones

#278ae2, #378ad9, #448bd0, #4f8bc7, #598bbe, #618ab5, #6a8aac, #7189a3, #79899a, #808890

## Harmonies

- Complementary: #278ae2, #c07200
- Split: #278ae2, #d35e32, #9c8700
- Analogous: #278ae2, #0098bf, #7778e4
- Triadic: #278ae2, #d45670, #659919
- Tetradic: #278ae2, #a467cd, #c07200, #659919
- Square: #278ae2, #c35ba4, #c07200, #00a365
- Monochromatic: #278ae2, #00428c, #0065ba, #53b0ff, #a4d7ff

## Questions about #278ae2

### What color is #278ae2?

#278ae2 is bright blue. The closest named color is Bleu de France. In RGB it is rgb(39, 138, 226), in HSL hsl(208.24, 76.33%, 51.96%) and in OKLCH oklch(62.218% 0.15921 250.306).

### What colors go well with #278ae2?

The complementary color of #278ae2 is #c07200. For a calmer combination use the analogous colors #0098bf and #7778e4. The triadic partners are #d45670 and #659919.

### Is white or black text more readable on #278ae2?

White text reads better on #278ae2: white gives a contrast ratio of 3.61:1 and black gives 5.82:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #278ae2 a warm or cool color?

#278ae2 is a cool color. In OKLCH its hue is 250 degrees, its lightness 62.2% and its chroma 0.159.