# #3d99bc color: Fairy Tale Blue

#3d99bc is rgb(61, 153, 188) in RGB and oklch(64.288% 0.10015 226.798) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3d99bc |
| RGB | rgb(61, 153, 188) |
| HSL | hsl(196.54, 51%, 48.82%) |
| HSB / HSV | hsv(196.54 67.55% 73.73%) |
| HWB | hwb(196.54 23.92% 26.27%) |
| CMYK | cmyk(68% 19% 0% 26%) |
| Lab | lab(58.9 -19.67 -26.74) |
| LCH | lch(58.9 33.2 233.66) |
| OKLab | oklab(64.288% -0.06856 -0.073) |
| OKLCH | oklch(64.288% 0.10015 226.798) |
| Display P3 | color(display-p3 0.34053 0.5922 0.7232) |
| Rec. 2020 | color(rec2020 0.37709 0.54195 0.69018) |
| Adobe RGB | color(a98-rgb 0.38722 0.59441 0.72653) |
| ProPhoto RGB | color(prophoto-rgb 0.4096 0.50943 0.66012) |
| Linear sRGB | color(srgb-linear 0.04667 0.31855 0.50289) |
| XYZ D65 | color(xyz-d65 0.22391 0.27404 0.51688) |
| XYZ D50 | color(xyz-d50 0.21499 0.26923 0.39069) |
| SwiftUI | Color(red: 0.239, green: 0.6, blue: 0.737) |
| UIKit | UIColor(red: 0.239, green: 0.6, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF3D99BC) |
| Android XML | #3D99BC |

## 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.24:1
- Contrast with black: 6.48:1

## Tints

#3d99bc, #55a3c3, #6aadca, #7db7d1, #90c2d7, #a3ccde, #b6d6e5, #c8e0eb, #daeaf2, #edf5f8

## Shades

#3d99bc, #3484a3, #2b708b, #225d73, #1a4a5d, #123847, #0a2732, #04171f, #01080d, #000102

## Tones

#3d99bc, #4998b7, #5497b3, #5d96ae, #6595aa, #6d94a5, #7492a0, #7a919b, #819097, #878e92

## Harmonies

- Complementary: #3d99bc, #bf7957
- Split: #3d99bc, #c27377, #af8441
- Analogous: #3d99bc, #28a0a2, #658fc9
- Triadic: #3d99bc, #b97399, #949144
- Tetradic: #3d99bc, #8983c7, #bf7957, #949144
- Square: #3d99bc, #a67ab6, #bf7957, #709b5d
- Monochromatic: #3d99bc, #005272, #037496, #66bfe3, #8de6ff

## Questions about #3d99bc

### What color is #3d99bc?

#3d99bc is bright sky blue. The closest named color is Fairy Tale Blue. In RGB it is rgb(61, 153, 188), in HSL hsl(196.54, 51%, 48.82%) and in OKLCH oklch(64.288% 0.10015 226.798).

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

The complementary color of #3d99bc is #bf7957. For a calmer combination use the analogous colors #28a0a2 and #658fc9. The triadic partners are #b97399 and #949144.

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

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

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

#3d99bc is a cool color. In OKLCH its hue is 227 degrees, its lightness 64.3% and its chroma 0.1.