# #366da5 color: Mega Blue

#366da5 is rgb(54, 109, 165) in RGB and oklch(52.397% 0.10631 250.914) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/366da5

## Formats

| Format | Value |
| --- | --- |
| HEX | #366da5 |
| RGB | rgb(54, 109, 165) |
| HSL | hsl(210.27, 50.68%, 42.94%) |
| HSB / HSV | hsv(210.27 67.27% 64.71%) |
| HWB | hwb(210.27 21.18% 35.29%) |
| CMYK | cmyk(67% 34% 0% 35%) |
| Lab | lab(44.33 -4.42 -36.16) |
| LCH | lch(44.33 36.43 263.03) |
| OKLab | oklab(52.397% -0.03476 -0.10046) |
| OKLCH | oklch(52.397% 0.10631 250.914) |
| Display P3 | color(display-p3 0.26594 0.42235 0.62968) |
| Rec. 2020 | color(rec2020 0.27231 0.36522 0.58702) |
| Adobe RGB | color(a98-rgb 0.29833 0.42577 0.634) |
| ProPhoto RGB | color(prophoto-rgb 0.31204 0.34571 0.55298) |
| Linear sRGB | color(srgb-linear 0.03689 0.15293 0.37626) |
| XYZ D65 | color(xyz-d65 0.1378 0.14438 0.37659) |
| XYZ D50 | color(xyz-d50 0.12882 0.14065 0.28405) |
| SwiftUI | Color(red: 0.212, green: 0.427, blue: 0.647) |
| UIKit | UIColor(red: 0.212, green: 0.427, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF366DA5) |
| Android XML | #366DA5 |

## Facts

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

## Tints

#366da5, #4b7bae, #5e89b8, #7298c1, #85a6ca, #99b5d3, #adc3dc, #c1d2e5, #d6e1ee, #eaf0f6

## Shades

#366da5, #2e5e8f, #254f79, #1e4165, #163351, #0f263d, #08192b, #030d1a, #01040a, #000101

## Tones

#366da5, #3d6d9f, #436d9a, #496d94, #4e6d8e, #536d88, #586c82, #5d6c7c, #616b76, #666b70

## Harmonies

- Complementary: #366da5, #905e12
- Split: #366da5, #9d5337, #786b09
- Analogous: #366da5, #007795, #6061a6
- Triadic: #366da5, #9d4e5b, #547630
- Tetradic: #366da5, #7e5797, #905e12, #547630
- Square: #366da5, #92507c, #905e12, #1d7c55
- Monochromatic: #366da5, #00295b, #0f4a7f, #5a91cc, #7eb7f4

## Questions about #366da5

### What color is #366da5?

#366da5 is soft blue. The closest named color is Mega Blue. In RGB it is rgb(54, 109, 165), in HSL hsl(210.27, 50.68%, 42.94%) and in OKLCH oklch(52.397% 0.10631 250.914).

### What colors go well with #366da5?

The complementary color of #366da5 is #905e12. For a calmer combination use the analogous colors #007795 and #6061a6. The triadic partners are #9d4e5b and #547630.

### Is white or black text more readable on #366da5?

White text reads better on #366da5: white gives a contrast ratio of 5.4:1 and black gives 3.89:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #366da5 a warm or cool color?

#366da5 is a cool color. In OKLCH its hue is 251 degrees, its lightness 52.4% and its chroma 0.106.