# #2aa4dc color: Blue Damselfly

#2aa4dc is rgb(42, 164, 220) in RGB and oklch(67.931% 0.13069 234.191) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2aa4dc |
| RGB | rgb(42, 164, 220) |
| HSL | hsl(198.88, 71.77%, 51.37%) |
| HSB / HSV | hsv(198.88 80.91% 86.27%) |
| HWB | hwb(198.88 16.47% 13.73%) |
| CMYK | cmyk(81% 25% 0% 14%) |
| Lab | lab(62.9 -18.95 -38.4) |
| LCH | lch(62.9 42.82 243.73) |
| OKLab | oklab(67.931% -0.07646 -0.10598) |
| OKLCH | oklch(67.931% 0.13069 234.191) |
| Display P3 | color(display-p3 0.32264 0.634 0.8428) |
| Rec. 2020 | color(rec2020 0.39301 0.58707 0.82119) |
| Adobe RGB | color(a98-rgb 0.38465 0.63726 0.85112) |
| ProPhoto RGB | color(prophoto-rgb 0.44774 0.55516 0.79619) |
| Linear sRGB | color(srgb-linear 0.02315 0.37124 0.71569) |
| XYZ D65 | color(xyz-d65 0.27147 0.32209 0.72499) |
| XYZ D50 | color(xyz-d50 0.25548 0.31467 0.54744) |
| SwiftUI | Color(red: 0.165, green: 0.643, blue: 0.863) |
| UIKit | UIColor(red: 0.165, green: 0.643, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF2AA4DC) |
| Android XML | #2AA4DC |

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

## Tints

#2aa4dc, #4aade0, #63b7e4, #79c0e8, #8dc9eb, #a1d2ef, #b4dbf2, #c7e4f6, #daedf9, #ecf6fc

## Shades

#2aa4dc, #238ebf, #1c79a3, #166488, #10506e, #0a3d54, #052b3c, #021a26, #010a11, #000102

## Tones

#2aa4dc, #3fa3d5, #4ea2cf, #5ba1c8, #66a0c1, #6f9fbb, #799eb4, #819dad, #899ba6, #919a9f

## Harmonies

- Complementary: #2aa4dc, #d58042
- Split: #2aa4dc, #dd7570, #be9020
- Analogous: #2aa4dc, #00aebd, #6f96e9
- Triadic: #2aa4dc, #d5749d, #97a134
- Tetradic: #2aa4dc, #9d87e0, #d58042, #97a134
- Square: #2aa4dc, #bf7bc5, #d58042, #61ad62
- Monochromatic: #2aa4dc, #005a88, #007fb5, #5acbff, #b6edff

## Questions about #2aa4dc

### What color is #2aa4dc?

#2aa4dc is bright sky blue. The closest named color is Blue Damselfly. In RGB it is rgb(42, 164, 220), in HSL hsl(198.88, 71.77%, 51.37%) and in OKLCH oklch(67.931% 0.13069 234.191).

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

The complementary color of #2aa4dc is #d58042. For a calmer combination use the analogous colors #00aebd and #6f96e9. The triadic partners are #d5749d and #97a134.

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

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

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

#2aa4dc is a cool color. In OKLCH its hue is 234 degrees, its lightness 67.9% and its chroma 0.131.