# #7aa2ba color: Ocean Surf

#7aa2ba is rgb(122, 162, 186) in RGB and oklch(69.156% 0.05611 234.987) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/7aa2ba

## Formats

| Format | Value |
| --- | --- |
| HEX | #7aa2ba |
| RGB | rgb(122, 162, 186) |
| HSL | hsl(202.5, 31.68%, 60.39%) |
| HSB / HSV | hsv(202.5 34.41% 72.94%) |
| HWB | hwb(202.5 47.84% 27.06%) |
| CMYK | cmyk(34% 13% 0% 27%) |
| Lab | lab(64.33 -9.62 -17.08) |
| LCH | lch(64.33 19.6 240.63) |
| OKLab | oklab(69.156% -0.03219 -0.04595) |
| OKLCH | oklch(69.156% 0.05611 234.987) |
| Display P3 | color(display-p3 0.51084 0.63087 0.71971) |
| Rec. 2020 | color(rec2020 0.50272 0.58722 0.68688) |
| Adobe RGB | color(a98-rgb 0.52469 0.62945 0.72008) |
| ProPhoto RGB | color(prophoto-rgb 0.50399 0.55682 0.65799) |
| Linear sRGB | color(srgb-linear 0.19462 0.36131 0.49102) |
| XYZ D65 | color(xyz-d65 0.29808 0.33523 0.51356) |
| XYZ D50 | color(xyz-d50 0.29428 0.33208 0.38842) |
| SwiftUI | Color(red: 0.478, green: 0.635, blue: 0.729) |
| UIKit | UIColor(red: 0.478, green: 0.635, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFF7AA2BA) |
| Android XML | #7AA2BA |

## Facts

- Closest name: Ocean Surf
- Hue family: Sky blue, dusty sky blue
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.73:1
- Contrast with black: 7.7:1

## Tints

#7aa2ba, #87abc1, #94b4c8, #a1bdcf, #aec7d6, #bcd0dc, #c9d9e3, #d6e3ea, #e4ecf1, #f1f5f8

## Shades

#7aa2ba, #698ca1, #597789, #496372, #3a4f5c, #2b3c46, #1d2a32, #10191e, #050a0d, #010102

## Tones

#7aa2ba, #7ea1b7, #81a1b4, #85a0b1, #88a0ae, #8c9fab, #8f9ea8, #929ea5, #959da2, #999c9f

## Harmonies

- Complementary: #7aa2ba, #b8937b
- Split: #7aa2ba, #bc8f8a, #ac9a74
- Analogous: #7aa2ba, #72a6ac, #8b9cbf
- Triadic: #7aa2ba, #b98e9d, #9aa079
- Tetradic: #7aa2ba, #9e95bc, #b8937b, #9aa079
- Square: #7aa2ba, #ae90af, #b8937b, #87a687
- Monochromatic: #7aa2ba, #355b71, #577e94, #9fc8e1, #c5efff

## Questions about #7aa2ba

### What color is #7aa2ba?

#7aa2ba is dusty sky blue. The closest named color is Ocean Surf. In RGB it is rgb(122, 162, 186), in HSL hsl(202.5, 31.68%, 60.39%) and in OKLCH oklch(69.156% 0.05611 234.987).

### What colors go well with #7aa2ba?

The complementary color of #7aa2ba is #b8937b. For a calmer combination use the analogous colors #72a6ac and #8b9cbf. The triadic partners are #b98e9d and #9aa079.

### Is white or black text more readable on #7aa2ba?

Black text reads better on #7aa2ba: white gives a contrast ratio of 2.73:1 and black gives 7.7:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #7aa2ba a warm or cool color?

#7aa2ba is a cool color. In OKLCH its hue is 235 degrees, its lightness 69.2% and its chroma 0.056.