# #368aa3 color: Magic Blue

#368aa3 is rgb(54, 138, 163) in RGB and oklch(59.313% 0.08797 220.974) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/368aa3

## Formats

| Format | Value |
| --- | --- |
| HEX | #368aa3 |
| RGB | rgb(54, 138, 163) |
| HSL | hsl(193.76, 50.23%, 42.55%) |
| HSB / HSV | hsv(193.76 66.87% 63.92%) |
| HWB | hwb(193.76 21.18% 36.08%) |
| CMYK | cmyk(67% 15% 0% 36%) |
| Lab | lab(53.23 -20.07 -21.24) |
| LCH | lch(53.23 29.22 226.63) |
| OKLab | oklab(59.313% -0.06642 -0.05768) |
| OKLCH | oklch(59.313% 0.08797 220.974) |
| Display P3 | color(display-p3 0.30445 0.53407 0.62824) |
| Rec. 2020 | color(rec2020 0.32835 0.47953 0.58698) |
| Adobe RGB | color(a98-rgb 0.34904 0.5364 0.62972) |
| ProPhoto RGB | color(prophoto-rgb 0.35486 0.44829 0.55588) |
| Linear sRGB | color(srgb-linear 0.03689 0.25415 0.36625) |
| XYZ D65 | color(xyz-d65 0.1722 0.21605 0.37914) |
| XYZ D50 | color(xyz-d50 0.16638 0.21261 0.28673) |
| SwiftUI | Color(red: 0.212, green: 0.541, blue: 0.639) |
| UIKit | UIColor(red: 0.212, green: 0.541, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF368AA3) |
| Android XML | #368AA3 |

## Facts

- Closest name: Magic Blue
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.95:1
- Contrast with black: 5.32:1

## Tints

#368aa3, #4e95ac, #63a1b5, #77acbe, #8bb8c8, #9ec4d1, #b2cfda, #c5dbe3, #d8e7ec, #ebf3f6

## Shades

#368aa3, #2e778d, #256578, #1e5363, #16424f, #0f323c, #08222a, #031419, #01070a, #000101

## Tones

#368aa3, #41899f, #4a889c, #538798, #5a8694, #618591, #67838d, #6e8289, #738186, #797f82

## Harmonies

- Complementary: #368aa3, #ab6c55
- Split: #368aa3, #ac6871, #9f7540
- Analogous: #368aa3, #2e8f8b, #5582b1
- Triadic: #368aa3, #a2698e, #8a803e
- Tetradic: #368aa3, #7578b2, #ab6c55, #8a803e
- Square: #368aa3, #8f6fa5, #ab6c55, #6c8950
- Monochromatic: #368aa3, #00445a, #00667e, #5eafc9, #84d6f1

## Questions about #368aa3

### What color is #368aa3?

#368aa3 is bright sky blue. The closest named color is Magic Blue. In RGB it is rgb(54, 138, 163), in HSL hsl(193.76, 50.23%, 42.55%) and in OKLCH oklch(59.313% 0.08797 220.974).

### What colors go well with #368aa3?

The complementary color of #368aa3 is #ab6c55. For a calmer combination use the analogous colors #2e8f8b and #5582b1. The triadic partners are #a2698e and #8a803e.

### Is white or black text more readable on #368aa3?

White text reads better on #368aa3: white gives a contrast ratio of 3.95:1 and black gives 5.32:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #368aa3 a warm or cool color?

#368aa3 is a cool color. In OKLCH its hue is 221 degrees, its lightness 59.3% and its chroma 0.088.