# #3faac4 color: Moonstone

#3faac4 is rgb(63, 170, 196) in RGB and oklch(68.771% 0.10264 217.076) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3faac4 |
| RGB | rgb(63, 170, 196) |
| HSL | hsl(191.73, 52.99%, 50.78%) |
| HSB / HSV | hsv(191.73 67.86% 76.86%) |
| HWB | hwb(191.73 24.71% 23.14%) |
| CMYK | cmyk(68% 13% 0% 23%) |
| Lab | lab(64.38 -25.33 -22.85) |
| LCH | lch(64.38 34.11 222.06) |
| OKLab | oklab(68.771% -0.08189 -0.06188) |
| OKLCH | oklch(68.771% 0.10264 217.076) |
| Display P3 | color(display-p3 0.36912 0.65784 0.75641) |
| Rec. 2020 | color(rec2020 0.41822 0.61139 0.72722) |
| Adobe RGB | color(a98-rgb 0.42213 0.66074 0.75935) |
| ProPhoto RGB | color(prophoto-rgb 0.449 0.57693 0.69974) |
| Linear sRGB | color(srgb-linear 0.04971 0.40198 0.55201) |
| XYZ D65 | color(xyz-d65 0.26387 0.3379 0.57358) |
| XYZ D50 | color(xyz-d50 0.25548 0.33269 0.43391) |
| SwiftUI | Color(red: 0.247, green: 0.667, blue: 0.769) |
| UIKit | UIColor(red: 0.247, green: 0.667, blue: 0.769, alpha: 1) |
| Flutter / Compose | Color(0xFF3FAAC4) |
| Android XML | #3FAAC4 |

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

## Tints

#3faac4, #58b3ca, #6ebbd0, #81c4d6, #94ccdc, #a7d5e2, #b9dde8, #cae6ee, #dceef3, #edf7f9

## Shades

#3faac4, #3593aa, #2c7d91, #236878, #1b5361, #123f4a, #0a2d35, #041b21, #010b0e, #000102

## Tones

#3faac4, #4ea9c0, #5aa7bc, #64a6b8, #6ea4b4, #76a3b0, #7ea1ab, #86a0a7, #8d9ea3, #949c9f

## Harmonies

- Complementary: #3faac4, #d2836d
- Split: #3faac4, #d17f90, #c58e51
- Analogous: #3faac4, #3cafa5, #64a0d7
- Triadic: #3faac4, #c382b2, #ac9b4b
- Tetradic: #3faac4, #8b95da, #d2836d, #ac9b4b
- Square: #3faac4, #ab89cc, #d2836d, #89a75f
- Monochromatic: #3faac4, #006179, #00859e, #6ad1eb, #a2f6ff

## Questions about #3faac4

### What color is #3faac4?

#3faac4 is bright sky blue. The closest named color is Moonstone. In RGB it is rgb(63, 170, 196), in HSL hsl(191.73, 52.99%, 50.78%) and in OKLCH oklch(68.771% 0.10264 217.076).

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

The complementary color of #3faac4 is #d2836d. For a calmer combination use the analogous colors #3cafa5 and #64a0d7. The triadic partners are #c382b2 and #ac9b4b.

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

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

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

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