# #378aea color: Bleu de France

#378aea is rgb(55, 138, 234) in RGB and oklch(63.109% 0.16495 254.463) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/378aea

## Formats

| Format | Value |
| --- | --- |
| HEX | #378aea |
| RGB | rgb(55, 138, 234) |
| HSL | hsl(212.18, 81%, 56.67%) |
| HSB / HSV | hsv(212.18 76.5% 91.76%) |
| HWB | hwb(212.18 21.57% 8.24%) |
| CMYK | cmyk(76% 41% 0% 8%) |
| Lab | lab(56.15 0.13 -56.73) |
| LCH | lch(56.15 56.73 270.13) |
| OKLab | oklab(63.109% -0.04418 -0.15892) |
| OKLCH | oklch(63.109% 0.16495 254.463) |
| Display P3 | color(display-p3 0.30659 0.53411 0.89023) |
| Rec. 2020 | color(rec2020 0.35929 0.48521 0.87222) |
| Adobe RGB | color(a98-rgb 0.35055 0.5364 0.90319) |
| ProPhoto RGB | color(prophoto-rgb 0.43097 0.46183 0.84764) |
| Linear sRGB | color(srgb-linear 0.0382 0.25415 0.82279) |
| XYZ D65 | color(xyz-d65 0.25513 0.24928 0.81312) |
| XYZ D50 | color(xyz-d50 0.23227 0.24058 0.61276) |
| SwiftUI | Color(red: 0.216, green: 0.541, blue: 0.918) |
| UIKit | UIColor(red: 0.216, green: 0.541, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF378AEA) |
| Android XML | #378AEA |

## Facts

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

## Tints

#378aea, #4e96ed, #63a3f0, #77aef3, #8bbaf5, #9ec6f8, #b2d1fa, #c5ddfb, #d8e8fd, #ecf4fe

## Shades

#378aea, #2e77cb, #2665ae, #1e5391, #164275, #0f325a, #082241, #031429, #010713, #000103

## Tones

#378aea, #438be1, #4d8bd7, #568cce, #5f8cc4, #678cbb, #6e8cb1, #758ba7, #7c8b9e, #838a94

## Harmonies

- Complementary: #378aea, #be7800
- Split: #378aea, #d76123, #998d00
- Analogous: #378aea, #009ac8, #8177e8
- Triadic: #378aea, #da576a, #5b9e25
- Tetradic: #378aea, #ae66ce, #be7800, #5b9e25
- Square: #378aea, #cc5aa1, #be7800, #00a670
- Monochromatic: #378aea, #00409a, #0165c1, #66b1ff, #aed8ff

## Questions about #378aea

### What color is #378aea?

#378aea is bright blue. The closest named color is Bleu de France. In RGB it is rgb(55, 138, 234), in HSL hsl(212.18, 81%, 56.67%) and in OKLCH oklch(63.109% 0.16495 254.463).

### What colors go well with #378aea?

The complementary color of #378aea is #be7800. For a calmer combination use the analogous colors #009ac8 and #8177e8. The triadic partners are #da576a and #5b9e25.

### Is white or black text more readable on #378aea?

White text reads better on #378aea: white gives a contrast ratio of 3.51:1 and black gives 5.99:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #378aea a warm or cool color?

#378aea is a cool color. In OKLCH its hue is 254 degrees, its lightness 63.1% and its chroma 0.165.