# #417aea color: Bright blue

#417aea is rgb(65, 122, 234) in RGB and oklch(60.053% 0.17992 262.156) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #417aea |
| RGB | rgb(65, 122, 234) |
| HSL | hsl(219.76, 80.09%, 58.63%) |
| HSB / HSV | hsv(219.76 72.22% 91.76%) |
| HWB | hwb(219.76 25.49% 8.24%) |
| CMYK | cmyk(72% 48% 0% 8%) |
| Lab | lab(51.97 10.57 -63.38) |
| LCH | lch(51.97 64.25 279.47) |
| OKLab | oklab(60.053% -0.02456 -0.17824) |
| OKLCH | oklch(60.053% 0.17992 262.156) |
| Display P3 | color(display-p3 0.30949 0.47302 0.88814) |
| Rec. 2020 | color(rec2020 0.34399 0.42377 0.86934) |
| Adobe RGB | color(a98-rgb 0.34 0.4751 0.90193) |
| ProPhoto RGB | color(prophoto-rgb 0.41785 0.4071 0.84334) |
| Linear sRGB | color(srgb-linear 0.05286 0.19462 0.82279) |
| XYZ D65 | color(xyz-d65 0.23989 0.20982 0.8063) |
| XYZ D50 | color(xyz-d50 0.21573 0.20116 0.60718) |
| SwiftUI | Color(red: 0.255, green: 0.478, blue: 0.918) |
| UIKit | UIColor(red: 0.255, green: 0.478, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF417AEA) |
| Android XML | #417AEA |

## Facts

- Closest name: Bright blue
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.04:1
- Contrast with black: 5.2:1

## Tints

#417aea, #5488ed, #6696f1, #79a4f4, #8cb1f6, #9ebef8, #b1cbfa, #c5d8fc, #d8e5fd, #ebf2fe

## Shades

#417aea, #3769cb, #2e59ae, #254991, #1c3a75, #132b5a, #0b1d41, #051029, #010513, #000103

## Tones

#417aea, #487ce0, #4f7dd5, #567fcb, #5c7fc1, #6380b6, #6981ac, #6f81a1, #758196, #7b818b

## Harmonies

- Complementary: #417aea, #aa7500
- Split: #417aea, #ce5800, #848800
- Analogous: #417aea, #008dc8, #8665e1
- Triadic: #417aea, #d7474d, #2d9925
- Tetradic: #417aea, #b054be, #aa7500, #2d9925
- Square: #417aea, #cc478b, #aa7500, #009a77
- Monochromatic: #417aea, #002e99, #1e54c1, #69a1ff, #a7cbff

## Questions about #417aea

### What color is #417aea?

#417aea is bright blue. The closest named color is Bright blue. In RGB it is rgb(65, 122, 234), in HSL hsl(219.76, 80.09%, 58.63%) and in OKLCH oklch(60.053% 0.17992 262.156).

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

The complementary color of #417aea is #aa7500. For a calmer combination use the analogous colors #008dc8 and #8665e1. The triadic partners are #d7474d and #2d9925.

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

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

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

#417aea is a cool color. In OKLCH its hue is 262 degrees, its lightness 60.1% and its chroma 0.18.