# #2aa5d2 color: Modal

#2aa5d2 is rgb(42, 165, 210) in RGB and oklch(67.689% 0.12139 228.235) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2aa5d2 |
| RGB | rgb(42, 165, 210) |
| HSL | hsl(196.07, 66.67%, 49.41%) |
| HSB / HSV | hsv(196.07 80% 82.35%) |
| HWB | hwb(196.07 16.47% 17.65%) |
| CMYK | cmyk(80% 21% 0% 18%) |
| Lab | lab(62.84 -22.19 -32.98) |
| LCH | lch(62.84 39.75 236.07) |
| OKLab | oklab(67.689% -0.08086 -0.09055) |
| OKLCH | oklch(67.689% 0.12139 228.235) |
| Display P3 | color(display-p3 0.32428 0.63786 0.80623) |
| Rec. 2020 | color(rec2020 0.39111 0.59042 0.78121) |
| Adobe RGB | color(a98-rgb 0.38669 0.64117 0.81252) |
| ProPhoto RGB | color(prophoto-rgb 0.43885 0.55728 0.75462) |
| Linear sRGB | color(srgb-linear 0.02315 0.37626 0.64448) |
| XYZ D65 | color(xyz-d65 0.26041 0.32054 0.65789) |
| XYZ D50 | color(xyz-d50 0.24723 0.31396 0.49707) |
| SwiftUI | Color(red: 0.165, green: 0.647, blue: 0.824) |
| UIKit | UIColor(red: 0.165, green: 0.647, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF2AA5D2) |
| Android XML | #2AA5D2 |

## Facts

- Closest name: Modal
- 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.83:1
- Contrast with black: 7.41:1

## Tints

#2aa5d2, #4aaed7, #63b7dc, #79c0e0, #8dcae5, #a1d3ea, #b4dbee, #c7e4f2, #daedf7, #ecf6fb

## Shades

#2aa5d2, #238fb6, #1c799b, #166581, #105168, #0a3d50, #052b39, #021a24, #010a10, #000102

## Tones

#2aa5d2, #3fa4cc, #4ea3c7, #5ba2c1, #65a0bb, #6f9fb5, #789eaf, #819ca9, #899ba3, #90999d

## Harmonies

- Complementary: #2aa5d2, #d37f51
- Split: #2aa5d2, #d8767a, #c08d32
- Analogous: #2aa5d2, #00adb2, #6798e1
- Triadic: #2aa5d2, #ce77a4, #9e9d38
- Tetradic: #2aa5d2, #948ade, #d37f51, #9e9d38
- Square: #2aa5d2, #b77ec7, #d37f51, #70a95d
- Monochromatic: #2aa5d2, #005b80, #0080ab, #5accfa, #acefff

## Questions about #2aa5d2

### What color is #2aa5d2?

#2aa5d2 is bright sky blue. The closest named color is Modal. In RGB it is rgb(42, 165, 210), in HSL hsl(196.07, 66.67%, 49.41%) and in OKLCH oklch(67.689% 0.12139 228.235).

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

The complementary color of #2aa5d2 is #d37f51. For a calmer combination use the analogous colors #00adb2 and #6798e1. The triadic partners are #ce77a4 and #9e9d38.

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

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

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

#2aa5d2 is a cool color. In OKLCH its hue is 228 degrees, its lightness 67.7% and its chroma 0.121.