# #506efe color: Blue Heath Butterfly

#506efe is rgb(80, 110, 254) in RGB and oklch(59.843% 0.21592 269.738) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/506efe

## Formats

| Format | Value |
| --- | --- |
| HEX | #506efe |
| RGB | rgb(80, 110, 254) |
| HSL | hsl(229.66, 98.86%, 65.49%) |
| HSB / HSV | hsv(229.66 68.5% 99.61%) |
| HWB | hwb(229.66 31.37% 0.39%) |
| CMYK | cmyk(69% 57% 0% 0%) |
| Lab | lab(50.65 25.83 -76.55) |
| LCH | lch(50.65 80.79 288.64) |
| OKLab | oklab(59.843% -0.00099 -0.21592) |
| OKLCH | oklch(59.843% 0.21592 269.738) |
| Display P3 | color(display-p3 0.33831 0.42809 0.9617) |
| Rec. 2020 | color(rec2020 0.36116 0.38287 0.95049) |
| Adobe RGB | color(a98-rgb 0.35383 0.42955 0.98008) |
| ProPhoto RGB | color(prophoto-rgb 0.44545 0.37609 0.92995) |
| Linear sRGB | color(srgb-linear 0.08022 0.15593 0.9911) |
| XYZ D65 | color(xyz-d65 0.26771 0.20012 0.96221) |
| XYZ D50 | color(xyz-d50 0.23684 0.18971 0.724) |
| SwiftUI | Color(red: 0.314, green: 0.431, blue: 0.996) |
| UIKit | UIColor(red: 0.314, green: 0.431, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF506EFE) |
| Android XML | #506EFE |

## Facts

- Closest name: Blue Heath Butterfly
- Hue family: Blue, bright blue
- Closest Tailwind class: indigo-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.2:1
- Contrast with black: 5:1

## Tints

#506efe, #5f7fff, #6f8eff, #7f9dff, #90acff, #a2baff, #b4c8ff, #c6d6ff, #d9e4ff, #ecf1ff

## Shades

#506efe, #445fdd, #3950bd, #2e419e, #243380, #1a2663, #101947, #070e2d, #020416, #000103

## Tones

#506efe, #5472f2, #5875e5, #5d78d9, #617acd, #667cc0, #6b7db4, #707ea7, #757f9a, #7a7f8d

## Harmonies

- Complementary: #506efe, #a17a00
- Split: #506efe, #c36200, #758c00
- Analogous: #506efe, #0089d6, #9655eb
- Triadic: #506efe, #e43122, #009e34
- Tetradic: #506efe, #c13fbc, #a17a00, #009e34
- Square: #506efe, #dc2c7b, #a17a00, #009882
- Monochromatic: #506efe, #1d16ab, #3346d4, #7b9cff, #b0c7ff

## Questions about #506efe

### What color is #506efe?

#506efe is bright blue. The closest named color is Blue Heath Butterfly. In RGB it is rgb(80, 110, 254), in HSL hsl(229.66, 98.86%, 65.49%) and in OKLCH oklch(59.843% 0.21592 269.738).

### What colors go well with #506efe?

The complementary color of #506efe is #a17a00. For a calmer combination use the analogous colors #0089d6 and #9655eb. The triadic partners are #e43122 and #009e34.

### Is white or black text more readable on #506efe?

White text reads better on #506efe: white gives a contrast ratio of 4.2:1 and black gives 5:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #506efe a warm or cool color?

#506efe is a cool color. In OKLCH its hue is 270 degrees, its lightness 59.8% and its chroma 0.216.