# #369abd color: Fairy Tale Blue

#369abd is rgb(54, 154, 189) in RGB and oklch(64.368% 0.10393 225.436) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/369abd

## Formats

| Format | Value |
| --- | --- |
| HEX | #369abd |
| RGB | rgb(54, 154, 189) |
| HSL | hsl(195.56, 55.56%, 47.65%) |
| HSB / HSV | hsv(195.56 71.43% 74.12%) |
| HWB | hwb(195.56 21.18% 25.88%) |
| CMYK | cmyk(71% 19% 0% 26%) |
| Lab | lab(59.04 -21.04 -27.11) |
| LCH | lch(59.04 34.32 232.19) |
| OKLab | oklab(64.368% -0.07293 -0.07405) |
| OKLCH | oklch(64.368% 0.10393 225.436) |
| Display P3 | color(display-p3 0.3277 0.59578 0.72698) |
| Rec. 2020 | color(rec2020 0.37105 0.5454 0.69433) |
| Adobe RGB | color(a98-rgb 0.37906 0.5983 0.73048) |
| ProPhoto RGB | color(prophoto-rgb 0.40639 0.51249 0.66442) |
| Linear sRGB | color(srgb-linear 0.03689 0.32314 0.50888) |
| XYZ D65 | color(xyz-d65 0.22261 0.27568 0.52294) |
| XYZ D50 | color(xyz-d50 0.21336 0.27071 0.39528) |
| SwiftUI | Color(red: 0.212, green: 0.604, blue: 0.741) |
| UIKit | UIColor(red: 0.212, green: 0.604, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF369ABD) |
| Android XML | #369ABD |

## Facts

- Closest name: Fairy Tale 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.22:1
- Contrast with black: 6.51:1

## Tints

#369abd, #50a4c4, #66aecb, #7bb8d1, #8ec2d8, #a1ccdf, #b4d7e5, #c7e1ec, #daebf2, #ecf5f9

## Shades

#369abd, #2e85a4, #25718c, #1e5e74, #164b5d, #0f3947, #082733, #03171f, #01090d, #000102

## Tones

#369abd, #4499b8, #5098b4, #5a97af, #6396aa, #6b94a5, #7393a1, #7a929c, #809097, #878f92

## Harmonies

- Complementary: #369abd, #c17856
- Split: #369abd, #c47278, #b2843e
- Analogous: #369abd, #1ea1a1, #618fcc
- Triadic: #369abd, #ba739b, #96913f
- Tetradic: #369abd, #8784ca, #c17856, #96913f
- Square: #369abd, #a579b8, #c17856, #719c5a
- Monochromatic: #369abd, #005271, #007597, #60c0e4, #88e7ff

## Questions about #369abd

### What color is #369abd?

#369abd is bright sky blue. The closest named color is Fairy Tale Blue. In RGB it is rgb(54, 154, 189), in HSL hsl(195.56, 55.56%, 47.65%) and in OKLCH oklch(64.368% 0.10393 225.436).

### What colors go well with #369abd?

The complementary color of #369abd is #c17856. For a calmer combination use the analogous colors #1ea1a1 and #618fcc. The triadic partners are #ba739b and #96913f.

### Is white or black text more readable on #369abd?

Black text reads better on #369abd: white gives a contrast ratio of 3.22:1 and black gives 6.51:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #369abd a warm or cool color?

#369abd is a cool color. In OKLCH its hue is 225 degrees, its lightness 64.4% and its chroma 0.104.