# #4987fd color: Bleuchâtel Blue

#4987fd is rgb(73, 135, 253) in RGB and oklch(64.306% 0.18733 261.789) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/4987fd

## Formats

| Format | Value |
| --- | --- |
| HEX | #4987fd |
| RGB | rgb(73, 135, 253) |
| HSL | hsl(219.33, 97.83%, 63.92%) |
| HSB / HSV | hsv(219.33 71.15% 99.22%) |
| HWB | hwb(219.33 28.63% 0.78%) |
| CMYK | cmyk(71% 47% 0% 1%) |
| Lab | lab(56.89 10.05 -65.97) |
| LCH | lch(56.89 66.73 278.67) |
| OKLab | oklab(64.306% -0.02675 -0.18541) |
| OKLCH | oklch(64.306% 0.18733 261.789) |
| Display P3 | color(display-p3 0.34548 0.52351 0.96076) |
| Rec. 2020 | color(rec2020 0.38817 0.47751 0.9502) |
| Adobe RGB | color(a98-rgb 0.37647 0.52486 0.97778) |
| ProPhoto RGB | color(prophoto-rgb 0.46635 0.45864 0.93129) |
| Linear sRGB | color(srgb-linear 0.06663 0.24228 0.98225) |
| XYZ D65 | color(xyz-d65 0.29139 0.25835 0.96383) |
| XYZ D50 | color(xyz-d50 0.26291 0.24806 0.72587) |
| SwiftUI | Color(red: 0.286, green: 0.529, blue: 0.992) |
| UIKit | UIColor(red: 0.286, green: 0.529, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF4987FD) |
| Android XML | #4987FD |

## 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.41:1
- Contrast with black: 6.17:1

## Tints

#4987fd, #5b94ff, #6da1ff, #7fadff, #91b9ff, #a3c5ff, #b5d1ff, #c8ddff, #dae8ff, #ecf4ff

## Shades

#4987fd, #3e75dc, #3463bc, #2a519d, #20417f, #173162, #0e2147, #06132d, #020616, #000103

## Tones

#4987fd, #5189f2, #588ae7, #608cdc, #678cd1, #6d8dc6, #748ebb, #7a8eb0, #818ea5, #878d99

## Harmonies

- Complementary: #4987fd, #ba8100
- Split: #4987fd, #e16200, #919500
- Analogous: #4987fd, #009bda, #9271f3
- Triadic: #4987fd, #e95157, #39a72e
- Tetradic: #4987fd, #c05fd0, #ba8100, #39a72e
- Square: #4987fd, #dd5299, #ba8100, #00a982
- Monochromatic: #4987fd, #003bab, #2661d3, #7fb1ff, #bcd9ff

## Questions about #4987fd

### What color is #4987fd?

#4987fd is bright blue. The closest named color is Bleuchâtel Blue. In RGB it is rgb(73, 135, 253), in HSL hsl(219.33, 97.83%, 63.92%) and in OKLCH oklch(64.306% 0.18733 261.789).

### What colors go well with #4987fd?

The complementary color of #4987fd is #ba8100. For a calmer combination use the analogous colors #009bda and #9271f3. The triadic partners are #e95157 and #39a72e.

### Is white or black text more readable on #4987fd?

White text reads better on #4987fd: white gives a contrast ratio of 3.41:1 and black gives 6.17:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #4987fd a warm or cool color?

#4987fd is a cool color. In OKLCH its hue is 262 degrees, its lightness 64.3% and its chroma 0.187.