# #3faac5 color: Moonstone

#3faac5 is rgb(63, 170, 197) in RGB and oklch(68.812% 0.10319 217.835) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3faac5 |
| RGB | rgb(63, 170, 197) |
| HSL | hsl(192.09, 53.6%, 50.98%) |
| HSB / HSV | hsv(192.09 68.02% 77.25%) |
| HWB | hwb(192.09 24.71% 22.75%) |
| CMYK | cmyk(68% 14% 0% 23%) |
| Lab | lab(64.41 -25.08 -23.35) |
| LCH | lch(64.41 34.27 222.96) |
| OKLab | oklab(68.812% -0.08149 -0.06329) |
| OKLCH | oklch(68.812% 0.10319 217.835) |
| Display P3 | color(display-p3 0.36912 0.65784 0.76006) |
| Rec. 2020 | color(rec2020 0.41856 0.61145 0.73118) |
| Adobe RGB | color(a98-rgb 0.42213 0.66074 0.76317) |
| ProPhoto RGB | color(prophoto-rgb 0.44994 0.57708 0.70378) |
| Linear sRGB | color(srgb-linear 0.04971 0.40198 0.55834) |
| XYZ D65 | color(xyz-d65 0.26501 0.33836 0.5796) |
| XYZ D50 | color(xyz-d50 0.25638 0.33308 0.43843) |
| SwiftUI | Color(red: 0.247, green: 0.667, blue: 0.773) |
| UIKit | UIColor(red: 0.247, green: 0.667, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF3FAAC5) |
| Android XML | #3FAAC5 |

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

## Tints

#3faac5, #58b3cb, #6ebbd1, #81c4d7, #94ccdd, #a7d5e2, #b9dde8, #cae6ee, #dceef4, #edf7f9

## Shades

#3faac5, #3593ab, #2c7d92, #236879, #1b5361, #123f4b, #0a2d35, #041b21, #010b0e, #000102

## Tones

#3faac5, #4ea9c1, #5aa7bd, #64a6b9, #6ea5b4, #76a3b0, #7fa1ac, #86a0a8, #8d9ea3, #949c9f

## Harmonies

- Complementary: #3faac5, #d2846c
- Split: #3faac5, #d17f8f, #c58e50
- Analogous: #3faac5, #3aafa6, #65a0d8
- Triadic: #3faac5, #c481b1, #ac9b4b
- Tetradic: #3faac5, #8c94da, #d2846c, #ac9b4b
- Square: #3faac5, #ac89cc, #d2846c, #88a760
- Monochromatic: #3faac5, #006179, #00859f, #6ad1ec, #a4f6ff

## Questions about #3faac5

### What color is #3faac5?

#3faac5 is bright sky blue. The closest named color is Moonstone. In RGB it is rgb(63, 170, 197), in HSL hsl(192.09, 53.6%, 50.98%) and in OKLCH oklch(68.812% 0.10319 217.835).

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

The complementary color of #3faac5 is #d2846c. For a calmer combination use the analogous colors #3aafa6 and #65a0d8. The triadic partners are #c481b1 and #ac9b4b.

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

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

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

#3faac5 is a cool color. In OKLCH its hue is 218 degrees, its lightness 68.8% and its chroma 0.103.