# #3a9bbd color: Fairy Tale Blue

#3a9bbd is rgb(58, 155, 189) in RGB and oklch(64.722% 0.10188 225.127) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3a9bbd

## Formats

| Format | Value |
| --- | --- |
| HEX | #3a9bbd |
| RGB | rgb(58, 155, 189) |
| HSL | hsl(195.57, 53.04%, 48.43%) |
| HSB / HSV | hsv(195.57 69.31% 74.12%) |
| HWB | hwb(195.57 22.75% 25.88%) |
| CMYK | cmyk(69% 18% 0% 26%) |
| Lab | lab(59.46 -20.88 -26.46) |
| LCH | lch(59.46 33.71 231.72) |
| OKLab | oklab(64.722% -0.07188 -0.0722) |
| OKLCH | oklch(64.722% 0.10188 225.127) |
| Display P3 | color(display-p3 0.33714 0.59979 0.72726) |
| Rec. 2020 | color(rec2020 0.37787 0.54978 0.6947) |
| Adobe RGB | color(a98-rgb 0.38653 0.60219 0.7306) |
| ProPhoto RGB | color(prophoto-rgb 0.41139 0.51682 0.66491) |
| Linear sRGB | color(srgb-linear 0.04231 0.32778 0.50888) |
| XYZ D65 | color(xyz-d65 0.2265 0.28015 0.5236) |
| XYZ D50 | color(xyz-d50 0.2175 0.27524 0.3958) |
| SwiftUI | Color(red: 0.227, green: 0.608, blue: 0.741) |
| UIKit | UIColor(red: 0.227, green: 0.608, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF3A9BBD) |
| Android XML | #3A9BBD |

## 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.18:1
- Contrast with black: 6.6:1

## Tints

#3a9bbd, #53a5c4, #68afcb, #7cb9d1, #90c3d8, #a3cdde, #b5d7e5, #c8e1ec, #daebf2, #edf5f9

## Shades

#3a9bbd, #3186a4, #28728c, #205e74, #184b5d, #103947, #092833, #04181f, #01090d, #000102

## Tones

#3a9bbd, #479ab8, #5299b4, #5c98af, #6597ab, #6d95a6, #7494a1, #7b939d, #829198, #889093

## Harmonies

- Complementary: #3a9bbd, #c27a59
- Split: #3a9bbd, #c4747a, #b28541
- Analogous: #3a9bbd, #26a1a2, #6391cb
- Triadic: #3a9bbd, #bb749c, #979242
- Tetradic: #3a9bbd, #8885ca, #c27a59, #979242
- Square: #3a9bbd, #a67bb9, #c27a59, #739c5c
- Monochromatic: #3a9bbd, #005372, #007697, #63c1e4, #8be8ff

## Questions about #3a9bbd

### What color is #3a9bbd?

#3a9bbd is bright sky blue. The closest named color is Fairy Tale Blue. In RGB it is rgb(58, 155, 189), in HSL hsl(195.57, 53.04%, 48.43%) and in OKLCH oklch(64.722% 0.10188 225.127).

### What colors go well with #3a9bbd?

The complementary color of #3a9bbd is #c27a59. For a calmer combination use the analogous colors #26a1a2 and #6391cb. The triadic partners are #bb749c and #979242.

### Is white or black text more readable on #3a9bbd?

Black text reads better on #3a9bbd: white gives a contrast ratio of 3.18:1 and black gives 6.6:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3a9bbd a warm or cool color?

#3a9bbd is a cool color. In OKLCH its hue is 225 degrees, its lightness 64.7% and its chroma 0.102.