# #2aa2da color: Blue Damselfly

#2aa2da is rgb(42, 162, 218) in RGB and oklch(67.363% 0.12993 234.561) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2aa2da

## Formats

| Format | Value |
| --- | --- |
| HEX | #2aa2da |
| RGB | rgb(42, 162, 218) |
| HSL | hsl(199.09, 70.4%, 50.98%) |
| HSB / HSV | hsv(199.09 80.73% 85.49%) |
| HWB | hwb(199.09 16.47% 14.51%) |
| CMYK | cmyk(81% 26% 0% 15%) |
| Lab | lab(62.23 -18.54 -38.35) |
| LCH | lch(62.23 42.6 244.2) |
| OKLab | oklab(67.363% -0.07534 -0.10586) |
| OKLCH | oklch(67.363% 0.12993 234.561) |
| Display P3 | color(display-p3 0.31935 0.62628 0.83503) |
| Rec. 2020 | color(rec2020 0.38782 0.57883 0.81258) |
| Adobe RGB | color(a98-rgb 0.38058 0.62945 0.84313) |
| ProPhoto RGB | color(prophoto-rgb 0.44208 0.54703 0.78695) |
| Linear sRGB | color(srgb-linear 0.02315 0.36131 0.7011) |
| XYZ D65 | color(xyz-d65 0.26528 0.31393 0.70993) |
| XYZ D50 | color(xyz-d50 0.24957 0.30667 0.53605) |
| SwiftUI | Color(red: 0.165, green: 0.635, blue: 0.855) |
| UIKit | UIColor(red: 0.165, green: 0.635, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF2AA2DA) |
| Android XML | #2AA2DA |

## Facts

- Closest name: Blue Damselfly
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: sky-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.89:1
- Contrast with black: 7.28:1

## Tints

#2aa2da, #4aacde, #62b5e2, #78bfe6, #8dc8ea, #a0d1ee, #b4daf2, #c7e4f5, #daedf9, #ecf6fc

## Shades

#2aa2da, #238cbd, #1c77a2, #166387, #104f6c, #0a3c54, #052a3c, #021925, #010a11, #000102

## Tones

#2aa2da, #3ea1d3, #4da0cd, #5aa0c6, #649ebf, #6e9db9, #779cb2, #809bab, #8799a4, #8f989d

## Harmonies

- Complementary: #2aa2da, #d37e40
- Split: #2aa2da, #db746e, #bb8f1e
- Analogous: #2aa2da, #00acbc, #6e94e6
- Triadic: #2aa2da, #d3729b, #959f34
- Tetradic: #2aa2da, #9c85de, #d37e40, #959f34
- Square: #2aa2da, #be79c3, #d37e40, #5fab62
- Monochromatic: #2aa2da, #005986, #007db3, #5ac9ff, #b2ebff

## Questions about #2aa2da

### What color is #2aa2da?

#2aa2da is bright sky blue. The closest named color is Blue Damselfly. In RGB it is rgb(42, 162, 218), in HSL hsl(199.09, 70.4%, 50.98%) and in OKLCH oklch(67.363% 0.12993 234.561).

### What colors go well with #2aa2da?

The complementary color of #2aa2da is #d37e40. For a calmer combination use the analogous colors #00acbc and #6e94e6. The triadic partners are #d3729b and #959f34.

### Is white or black text more readable on #2aa2da?

Black text reads better on #2aa2da: white gives a contrast ratio of 2.89:1 and black gives 7.28:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2aa2da a warm or cool color?

#2aa2da is a cool color. In OKLCH its hue is 235 degrees, its lightness 67.4% and its chroma 0.13.