# #3399bc color: Fairy Tale Blue

#3399bc is rgb(51, 153, 188) in RGB and oklch(64.001% 0.10471 225.209) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3399bc

## Formats

| Format | Value |
| --- | --- |
| HEX | #3399bc |
| RGB | rgb(51, 153, 188) |
| HSL | hsl(195.33, 57.32%, 46.86%) |
| HSB / HSV | hsv(195.33 72.87% 73.73%) |
| HWB | hwb(195.33 20% 26.27%) |
| CMYK | cmyk(73% 19% 0% 26%) |
| Lab | lab(58.62 -21.27 -27.2) |
| LCH | lch(58.62 34.53 231.98) |
| OKLab | oklab(64.001% -0.07377 -0.07431) |
| OKLCH | oklch(64.001% 0.10471 225.209) |
| Display P3 | color(display-p3 0.32046 0.59181 0.72305) |
| Rec. 2020 | color(rec2020 0.36521 0.54105 0.69002) |
| Adobe RGB | color(a98-rgb 0.37316 0.59441 0.72653) |
| ProPhoto RGB | color(prophoto-rgb 0.40139 0.50816 0.65994) |
| Linear sRGB | color(srgb-linear 0.0331 0.31855 0.50289) |
| XYZ D65 | color(xyz-d65 0.21832 0.27116 0.51662) |
| XYZ D50 | color(xyz-d50 0.20908 0.26621 0.3905) |
| SwiftUI | Color(red: 0.2, green: 0.6, blue: 0.737) |
| UIKit | UIColor(red: 0.2, green: 0.6, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF3399BC) |
| Android XML | #3399BC |

## 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.27:1
- Contrast with black: 6.42:1

## Tints

#3399bc, #4ea3c3, #64adca, #79b8d1, #8dc2d7, #a0ccde, #b3d6e5, #c6e0eb, #d9ebf2, #ecf5f8

## Shades

#3399bc, #2b84a3, #23708b, #1c5d73, #144a5d, #0d3847, #072732, #03171f, #01080d, #000102

## Tones

#3399bc, #4298b7, #4e97b3, #5896ae, #6195a9, #6a93a4, #7192a0, #78919b, #7f8f96, #868e91

## Harmonies

- Complementary: #3399bc, #c17755
- Split: #3399bc, #c37077, #b1823c
- Analogous: #3399bc, #1aa0a0, #5f8ecb
- Triadic: #3399bc, #b9719a, #95903d
- Tetradic: #3399bc, #8683c9, #c17755, #95903d
- Square: #3399bc, #a478b8, #c17755, #709a58
- Monochromatic: #3399bc, #00516f, #007496, #5ebfe3, #86e6ff

## Questions about #3399bc

### What color is #3399bc?

#3399bc is bright sky blue. The closest named color is Fairy Tale Blue. In RGB it is rgb(51, 153, 188), in HSL hsl(195.33, 57.32%, 46.86%) and in OKLCH oklch(64.001% 0.10471 225.209).

### What colors go well with #3399bc?

The complementary color of #3399bc is #c17755. For a calmer combination use the analogous colors #1aa0a0 and #5f8ecb. The triadic partners are #b9719a and #95903d.

### Is white or black text more readable on #3399bc?

Black text reads better on #3399bc: white gives a contrast ratio of 3.27:1 and black gives 6.42:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3399bc a warm or cool color?

#3399bc is a cool color. In OKLCH its hue is 225 degrees, its lightness 64% and its chroma 0.105.