# #56a2eb color: Feather Star

#56a2eb is rgb(86, 162, 235) in RGB and oklch(69.522% 0.13186 249.416) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/56a2eb

## Formats

| Format | Value |
| --- | --- |
| HEX | #56a2eb |
| RGB | rgb(86, 162, 235) |
| HSL | hsl(209.4, 78.84%, 62.94%) |
| HSB / HSV | hsv(209.4 63.4% 92.16%) |
| HWB | hwb(209.4 33.73% 7.84%) |
| CMYK | cmyk(63% 31% 0% 8%) |
| Lab | lab(64.17 -7.28 -44.54) |
| LCH | lch(64.17 45.13 260.72) |
| OKLab | oklab(69.522% -0.04636 -0.12344) |
| OKLCH | oklch(69.522% 0.13186 249.416) |
| Display P3 | color(display-p3 0.41097 0.62815 0.89836) |
| Rec. 2020 | color(rec2020 0.44923 0.58443 0.88221) |
| Adobe RGB | color(a98-rgb 0.44614 0.62945 0.90937) |
| ProPhoto RGB | color(prophoto-rgb 0.4982 0.55644 0.86052) |
| Linear sRGB | color(srgb-linear 0.09306 0.36131 0.83077) |
| XYZ D65 | color(xyz-d65 0.31751 0.33816 0.83454) |
| XYZ D50 | color(xyz-d50 0.2986 0.33008 0.62962) |
| SwiftUI | Color(red: 0.337, green: 0.635, blue: 0.922) |
| UIKit | UIColor(red: 0.337, green: 0.635, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF56A2EB) |
| Android XML | #56A2EB |

## Facts

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

## Tints

#56a2eb, #69acee, #7ab5f0, #8bbff3, #9cc8f5, #add1f7, #bddaf9, #cde4fb, #deedfc, #eef6fe

## Shades

#56a2eb, #4a8ccc, #3e77ae, #326391, #274f75, #1c3c5b, #122a41, #081929, #020a13, #000103

## Tones

#56a2eb, #5fa2e3, #67a2dc, #6fa2d4, #77a1cd, #7ea1c5, #84a0bd, #8b9fb5, #919fad, #979ea5

## Harmonies

- Complementary: #56a2eb, #d18c32
- Split: #56a2eb, #e17e5c, #b19e28
- Analogous: #56a2eb, #00afd4, #8d93ed
- Triadic: #56a2eb, #e1788b, #82ad4f
- Tetradic: #56a2eb, #b585da, #d18c32, #82ad4f
- Square: #56a2eb, #d27bb7, #d18c32, #42b57f
- Monochromatic: #56a2eb, #00599c, #2f7dc3, #84c8ff, #cfedff

## Questions about #56a2eb

### What color is #56a2eb?

#56a2eb is bright blue. The closest named color is Feather Star. In RGB it is rgb(86, 162, 235), in HSL hsl(209.4, 78.84%, 62.94%) and in OKLCH oklch(69.522% 0.13186 249.416).

### What colors go well with #56a2eb?

The complementary color of #56a2eb is #d18c32. For a calmer combination use the analogous colors #00afd4 and #8d93ed. The triadic partners are #e1788b and #82ad4f.

### Is white or black text more readable on #56a2eb?

Black text reads better on #56a2eb: white gives a contrast ratio of 2.7:1 and black gives 7.76:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #56a2eb a warm or cool color?

#56a2eb is a cool color. In OKLCH its hue is 249 degrees, its lightness 69.5% and its chroma 0.132.