# #3aa7ad color: Modal Blue

#3aa7ad is rgb(58, 167, 173) in RGB and oklch(67.002% 0.09689 200.353) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3aa7ad |
| RGB | rgb(58, 167, 173) |
| HSL | hsl(183.13, 49.78%, 45.29%) |
| HSB / HSV | hsv(183.13 66.47% 67.84%) |
| HWB | hwb(183.13 22.75% 32.16%) |
| CMYK | cmyk(66% 3% 0% 32%) |
| Lab | lab(62.66 -30.28 -12.7) |
| LCH | lch(62.66 32.83 202.76) |
| OKLab | oklab(67.002% -0.09084 -0.0337) |
| OKLCH | oklch(67.002% 0.09689 200.353) |
| Display P3 | color(display-p3 0.35487 0.64608 0.67204) |
| Rec. 2020 | color(rec2020 0.39842 0.59745 0.63585) |
| Adobe RGB | color(a98-rgb 0.40947 0.64899 0.67155) |
| ProPhoto RGB | color(prophoto-rgb 0.41877 0.56115 0.60759) |
| Linear sRGB | color(srgb-linear 0.04231 0.38643 0.41789) |
| XYZ D65 | color(xyz-d65 0.23105 0.31553 0.44409) |
| XYZ D50 | color(xyz-d50 0.22707 0.31177 0.33652) |
| SwiftUI | Color(red: 0.227, green: 0.655, blue: 0.678) |
| UIKit | UIColor(red: 0.227, green: 0.655, blue: 0.678, alpha: 1) |
| Flutter / Compose | Color(0xFF3AA7AD) |
| Android XML | #3AA7AD |

## Facts

- Closest name: Modal Blue
- Hue family: Cyan, bright cyan
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.87:1
- Contrast with black: 7.31:1

## Tints

#3aa7ad, #54b0b5, #6ab9bd, #7fc1c5, #92cacd, #a5d3d5, #b7dcde, #c9e5e6, #dbedee, #edf6f7

## Shades

#3aa7ad, #319196, #287b7f, #20666a, #185255, #103e41, #092c2d, #041a1b, #010a0b, #000101

## Tones

#3aa7ad, #49a5ab, #55a4a8, #60a2a6, #69a0a4, #729fa1, #7a9d9f, #819b9c, #88999a, #8f9797

## Harmonies

- Complementary: #3aa7ad, #ca7d7c
- Split: #3aa7ad, #c37c9d, #c5835d
- Analogous: #3aa7ad, #4ea98c, #4ea0c6
- Triadic: #3aa7ad, #b081ba, #b48f4b
- Tetradic: #3aa7ad, #7296d1, #ca7d7c, #b48f4b
- Square: #3aa7ad, #958bcd, #ca7d7c, #989b51
- Monochromatic: #3aa7ad, #005e64, #008288, #65cdd3, #8ef5fb

## Questions about #3aa7ad

### What color is #3aa7ad?

#3aa7ad is bright cyan. The closest named color is Modal Blue. In RGB it is rgb(58, 167, 173), in HSL hsl(183.13, 49.78%, 45.29%) and in OKLCH oklch(67.002% 0.09689 200.353).

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

The complementary color of #3aa7ad is #ca7d7c. For a calmer combination use the analogous colors #4ea98c and #4ea0c6. The triadic partners are #b081ba and #b48f4b.

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

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

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

#3aa7ad is a cool color. In OKLCH its hue is 200 degrees, its lightness 67% and its chroma 0.097.