# #3babc5 color: Moonstone

#3babc5 is rgb(59, 171, 197) in RGB and oklch(68.942% 0.10509 216.484) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3babc5 |
| RGB | rgb(59, 171, 197) |
| HSL | hsl(191.3, 54.33%, 50.2%) |
| HSB / HSV | hsv(191.3 70.05% 77.25%) |
| HWB | hwb(191.3 23.14% 22.75%) |
| CMYK | cmyk(70% 13% 0% 23%) |
| Lab | lab(64.61 -26.17 -23.07) |
| LCH | lch(64.61 34.88 221.4) |
| OKLab | oklab(68.942% -0.08449 -0.06248) |
| OKLCH | oklch(68.942% 0.10509 216.484) |
| Display P3 | color(display-p3 0.3628 0.66155 0.76024) |
| Rec. 2020 | color(rec2020 0.41605 0.61517 0.73143) |
| Adobe RGB | color(a98-rgb 0.41856 0.66466 0.76331) |
| ProPhoto RGB | color(prophoto-rgb 0.44844 0.58053 0.70416) |
| Linear sRGB | color(srgb-linear 0.04374 0.40724 0.55834) |
| XYZ D65 | color(xyz-d65 0.26443 0.34085 0.58011) |
| XYZ D50 | color(xyz-d50 0.25581 0.33552 0.43885) |
| SwiftUI | Color(red: 0.231, green: 0.671, blue: 0.773) |
| UIKit | UIColor(red: 0.231, green: 0.671, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF3BABC5) |
| Android XML | #3BABC5 |

## Facts

- Closest name: Moonstone
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.69:1
- Contrast with black: 7.82:1

## Tints

#3babc5, #56b4cb, #6cbcd1, #80c4d7, #93cddd, #a6d5e2, #b8dee8, #cae6ee, #dceef4, #edf7f9

## Shades

#3babc5, #3294ab, #297e92, #216879, #195461, #11404b, #092d35, #041b21, #010b0e, #000102

## Tones

#3babc5, #4baac1, #58a8bd, #63a7b9, #6da5b4, #76a4b0, #7ea2ac, #86a0a8, #8d9fa4, #949d9f

## Harmonies

- Complementary: #3babc5, #d3836d
- Split: #3babc5, #d27f91, #c78e50
- Analogous: #3babc5, #38b0a5, #62a1d9
- Triadic: #3babc5, #c582b3, #ae9b49
- Tetradic: #3babc5, #8a95dc, #d3836d, #ae9b49
- Square: #3babc5, #ac8acf, #d3836d, #8aa75d
- Monochromatic: #3babc5, #006279, #00869f, #67d2ec, #a3f7ff

## Questions about #3babc5

### What color is #3babc5?

#3babc5 is bright sky blue. The closest named color is Moonstone. In RGB it is rgb(59, 171, 197), in HSL hsl(191.3, 54.33%, 50.2%) and in OKLCH oklch(68.942% 0.10509 216.484).

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

The complementary color of #3babc5 is #d3836d. For a calmer combination use the analogous colors #38b0a5 and #62a1d9. The triadic partners are #c582b3 and #ae9b49.

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

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

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

#3babc5 is a cool color. In OKLCH its hue is 216 degrees, its lightness 68.9% and its chroma 0.105.