# #356ea7 color: Mega Blue

#356ea7 is rgb(53, 110, 167) in RGB and oklch(52.706% 0.10837 250.617) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/356ea7

## Formats

| Format | Value |
| --- | --- |
| HEX | #356ea7 |
| RGB | rgb(53, 110, 167) |
| HSL | hsl(210, 51.82%, 43.14%) |
| HSB / HSV | hsv(210 68.26% 65.49%) |
| HWB | hwb(210 20.78% 34.51%) |
| CMYK | cmyk(68% 34% 0% 35%) |
| Lab | lab(44.68 -4.6 -36.78) |
| LCH | lch(44.68 37.07 262.88) |
| OKLab | oklab(52.706% -0.03596 -0.10223) |
| OKLCH | oklch(52.706% 0.10837 250.617) |
| Display P3 | color(display-p3 0.26471 0.42614 0.63723) |
| Rec. 2020 | color(rec2020 0.27346 0.36915 0.59519) |
| Adobe RGB | color(a98-rgb 0.29821 0.42955 0.6417) |
| ProPhoto RGB | color(prophoto-rgb 0.31448 0.34931 0.56109) |
| Linear sRGB | color(srgb-linear 0.0356 0.15593 0.38643) |
| XYZ D65 | color(xyz-d65 0.14018 0.14698 0.38659) |
| XYZ D50 | color(xyz-d50 0.13087 0.14313 0.29158) |
| SwiftUI | Color(red: 0.208, green: 0.431, blue: 0.655) |
| UIKit | UIColor(red: 0.208, green: 0.431, blue: 0.655, alpha: 1) |
| Flutter / Compose | Color(0xFF356EA7) |
| Android XML | #356EA7 |

## Facts

- Closest name: Mega Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.33:1
- Contrast with black: 3.94:1

## Tints

#356ea7, #4a7cb0, #5e8ab9, #7299c2, #85a7cb, #99b5d4, #adc4dd, #c1d2e6, #d6e1ee, #eaf0f7

## Shades

#356ea7, #2d5f91, #25507b, #1d4166, #153352, #0e263e, #08192c, #030e1a, #01040a, #000101

## Tones

#356ea7, #3c6ea1, #436e9b, #486e95, #4e6e90, #536e8a, #586d84, #5d6d7e, #626c77, #666c71

## Harmonies

- Complementary: #356ea7, #925e0f
- Split: #356ea7, #9e5337, #796c05
- Analogous: #356ea7, #007896, #6062a8
- Triadic: #356ea7, #9f4e5c, #55772f
- Tetradic: #356ea7, #7f5899, #925e0f, #55772f
- Square: #356ea7, #94507e, #925e0f, #1c7e56
- Monochromatic: #356ea7, #002a5d, #0d4b81, #5992ce, #7db8f6

## Questions about #356ea7

### What color is #356ea7?

#356ea7 is bright blue. The closest named color is Mega Blue. In RGB it is rgb(53, 110, 167), in HSL hsl(210, 51.82%, 43.14%) and in OKLCH oklch(52.706% 0.10837 250.617).

### What colors go well with #356ea7?

The complementary color of #356ea7 is #925e0f. For a calmer combination use the analogous colors #007896 and #6062a8. The triadic partners are #9f4e5c and #55772f.

### Is white or black text more readable on #356ea7?

White text reads better on #356ea7: white gives a contrast ratio of 5.33:1 and black gives 3.94:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #356ea7 a warm or cool color?

#356ea7 is a cool color. In OKLCH its hue is 251 degrees, its lightness 52.7% and its chroma 0.108.