# #3aabc2 color: Moonstone

#3aabc2 is rgb(58, 171, 194) in RGB and oklch(68.793% 0.10406 214.107) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3aabc2 |
| RGB | rgb(58, 171, 194) |
| HSL | hsl(190.15, 53.97%, 49.41%) |
| HSB / HSV | hsv(190.15 70.1% 76.08%) |
| HWB | hwb(190.15 22.75% 23.92%) |
| CMYK | cmyk(70% 12% 0% 24%) |
| Lab | lab(64.49 -27.06 -21.59) |
| LCH | lch(64.49 34.62 218.59) |
| OKLab | oklab(68.793% -0.08616 -0.05835) |
| OKLCH | oklch(68.793% 0.10406 214.107) |
| Display P3 | color(display-p3 0.36091 0.66152 0.74929) |
| Rec. 2020 | color(rec2020 0.41391 0.61491 0.71955) |
| Adobe RGB | color(a98-rgb 0.41724 0.66466 0.75184) |
| ProPhoto RGB | color(prophoto-rgb 0.44484 0.57996 0.69206) |
| Linear sRGB | color(srgb-linear 0.04231 0.40724 0.53948) |
| XYZ D65 | color(xyz-d65 0.26044 0.33919 0.56215) |
| XYZ D50 | color(xyz-d50 0.25249 0.33406 0.42537) |
| SwiftUI | Color(red: 0.227, green: 0.671, blue: 0.761) |
| UIKit | UIColor(red: 0.227, green: 0.671, blue: 0.761, alpha: 1) |
| Flutter / Compose | Color(0xFF3AABC2) |
| Android XML | #3AABC2 |

## Facts

- Closest name: Moonstone
- Hue family: Cyan, bright cyan
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.7:1
- Contrast with black: 7.78:1

## Tints

#3aabc2, #55b3c8, #6bbcce, #80c4d4, #93cddb, #a6d5e1, #b8dee7, #cae6ed, #dceef3, #edf7f9

## Shades

#3aabc2, #3194a8, #287e8f, #206877, #185460, #104049, #092d34, #041b20, #010b0e, #000102

## Tones

#3aabc2, #4aaabe, #57a8ba, #62a7b6, #6ca5b2, #75a4af, #7ea2ab, #85a0a7, #8d9ea3, #949c9f

## Harmonies

- Complementary: #3aabc2, #d3826f
- Split: #3aabc2, #d17f93, #c88c52
- Analogous: #3aabc2, #3cb0a2, #5fa2d7
- Triadic: #3aabc2, #c282b5, #b09a49
- Tetradic: #3aabc2, #8796db, #d3826f, #b09a49
- Square: #3aabc2, #a98acf, #d3826f, #8da65b
- Monochromatic: #3aabc2, #006276, #00869c, #66d2e9, #9bf8ff

## Questions about #3aabc2

### What color is #3aabc2?

#3aabc2 is bright cyan. The closest named color is Moonstone. In RGB it is rgb(58, 171, 194), in HSL hsl(190.15, 53.97%, 49.41%) and in OKLCH oklch(68.793% 0.10406 214.107).

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

The complementary color of #3aabc2 is #d3826f. For a calmer combination use the analogous colors #3cb0a2 and #5fa2d7. The triadic partners are #c282b5 and #b09a49.

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

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

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

#3aabc2 is a cool color. In OKLCH its hue is 214 degrees, its lightness 68.8% and its chroma 0.104.