# #509dfd color: Blue Chaos

#509dfd is rgb(80, 157, 253) in RGB and oklch(69.178% 0.16111 255.207) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/509dfd

## Formats

| Format | Value |
| --- | --- |
| HEX | #509dfd |
| RGB | rgb(80, 157, 253) |
| HSL | hsl(213.29, 97.74%, 65.29%) |
| HSB / HSV | hsv(213.29 68.38% 99.22%) |
| HWB | hwb(213.29 31.37% 0.78%) |
| CMYK | cmyk(68% 38% 0% 1%) |
| Lab | lab(63.27 -0.86 -55.79) |
| LCH | lch(63.27 55.8 269.11) |
| OKLab | oklab(69.178% -0.04114 -0.15577) |
| OKLCH | oklch(69.178% 0.16111 255.207) |
| Display P3 | color(display-p3 0.38981 0.60856 0.96404) |
| Rec. 2020 | color(rec2020 0.43817 0.56522 0.95468) |
| Adobe RGB | color(a98-rgb 0.42639 0.60997 0.97961) |
| ProPhoto RGB | color(prophoto-rgb 0.5045 0.54019 0.93797) |
| Linear sRGB | color(srgb-linear 0.08022 0.33716 0.98225) |
| XYZ D65 | color(xyz-d65 0.33092 0.3291 0.9754) |
| XYZ D50 | color(xyz-d50 0.30538 0.3191 0.73527) |
| SwiftUI | Color(red: 0.314, green: 0.616, blue: 0.992) |
| UIKit | UIColor(red: 0.314, green: 0.616, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF509DFD) |
| Android XML | #509DFD |

## Facts

- Closest name: Blue Chaos
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.77:1
- Contrast with black: 7.58:1

## Tints

#509dfd, #63a7fe, #75b2ff, #87bcff, #98c6ff, #a9cfff, #bbd9ff, #cce3ff, #ddecff, #eef6ff

## Shades

#509dfd, #4488dc, #3973bc, #2e5f9d, #244c7f, #1a3a62, #102847, #07182d, #020916, #000103

## Tones

#509dfd, #5a9ef4, #639eea, #6b9ee1, #739ed7, #7a9ece, #819ec4, #889eba, #8f9db0, #959da6

## Harmonies

- Complementary: #509dfd, #d48a00
- Split: #509dfd, #eb763b, #aba000
- Analogous: #509dfd, #00ade3, #948afa
- Triadic: #509dfd, #ee6c7b, #6db141
- Tetradic: #509dfd, #c17adf, #d48a00, #6db141
- Square: #509dfd, #e06eb2, #d48a00, #00ba83
- Monochromatic: #509dfd, #0052ac, #2977d4, #8dc5ff, #d1ebff

## Questions about #509dfd

### What color is #509dfd?

#509dfd is bright blue. The closest named color is Blue Chaos. In RGB it is rgb(80, 157, 253), in HSL hsl(213.29, 97.74%, 65.29%) and in OKLCH oklch(69.178% 0.16111 255.207).

### What colors go well with #509dfd?

The complementary color of #509dfd is #d48a00. For a calmer combination use the analogous colors #00ade3 and #948afa. The triadic partners are #ee6c7b and #6db141.

### Is white or black text more readable on #509dfd?

Black text reads better on #509dfd: white gives a contrast ratio of 2.77:1 and black gives 7.58:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #509dfd a warm or cool color?

#509dfd is a cool color. In OKLCH its hue is 255 degrees, its lightness 69.2% and its chroma 0.161.