# #218be2 color: Bleu de France

#218be2 is rgb(33, 139, 226) in RGB and oklch(62.328% 0.15951 249.187) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/218be2

## Formats

| Format | Value |
| --- | --- |
| HEX | #218be2 |
| RGB | rgb(33, 139, 226) |
| HSL | hsl(207.05, 76.89%, 50.78%) |
| HSB / HSV | hsv(207.05 85.4% 88.63%) |
| HWB | hwb(207.05 12.94% 11.37%) |
| CMYK | cmyk(85% 38% 0% 11%) |
| Lab | lab(55.54 -5.23 -53.29) |
| LCH | lch(55.54 53.54 264.4) |
| OKLab | oklab(62.328% -0.05668 -0.1491) |
| OKLCH | oklch(62.328% 0.15951 249.187) |
| Display P3 | color(display-p3 0.26792 0.53721 0.86046) |
| Rec. 2020 | color(rec2020 0.33581 0.48672 0.83945) |
| Adobe RGB | color(a98-rgb 0.32498 0.54026 0.87196) |
| ProPhoto RGB | color(prophoto-rgb 0.40918 0.46132 0.81295) |
| Linear sRGB | color(srgb-linear 0.01521 0.25818 0.76052) |
| XYZ D65 | color(xyz-d65 0.23585 0.24278 0.75397) |
| XYZ D50 | color(xyz-d50 0.21489 0.23457 0.56837) |
| SwiftUI | Color(red: 0.129, green: 0.545, blue: 0.886) |
| UIKit | UIColor(red: 0.129, green: 0.545, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF218BE2) |
| Android XML | #218BE2 |

## 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.59:1
- Contrast with black: 5.86:1

## Tints

#218be2, #4197e6, #5aa3ea, #70afed, #85bbf0, #9ac6f3, #aed2f6, #c2ddf9, #d6e8fb, #ebf4fd

## Shades

#218be2, #1b78c4, #1666a8, #10548c, #0b4371, #063257, #03233e, #011427, #000712, #000103

## Tones

#218be2, #348bd9, #428cd0, #4d8cc7, #578bbf, #618bb6, #698bac, #718aa3, #79899a, #808891

## Harmonies

- Complementary: #218be2, #c27200
- Split: #218be2, #d45e35, #9e8700
- Analogous: #218be2, #0098bd, #7579e4
- Triadic: #218be2, #d45672, #689913
- Tetradic: #218be2, #a368cf, #c27200, #689913
- Square: #218be2, #c35ba6, #c27200, #00a363
- Monochromatic: #218be2, #00438a, #0066ba, #4fb1ff, #a3d8ff

## Questions about #218be2

### What color is #218be2?

#218be2 is bright blue. The closest named color is Bleu de France. In RGB it is rgb(33, 139, 226), in HSL hsl(207.05, 76.89%, 50.78%) and in OKLCH oklch(62.328% 0.15951 249.187).

### What colors go well with #218be2?

The complementary color of #218be2 is #c27200. For a calmer combination use the analogous colors #0098bd and #7579e4. The triadic partners are #d45672 and #689913.

### Is white or black text more readable on #218be2?

White text reads better on #218be2: white gives a contrast ratio of 3.59:1 and black gives 5.86:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #218be2 a warm or cool color?

#218be2 is a cool color. In OKLCH its hue is 249 degrees, its lightness 62.3% and its chroma 0.16.