# #2ea5ce color: Modal

#2ea5ce is rgb(46, 165, 206) in RGB and oklch(67.585% 0.11695 226.277) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2ea5ce |
| RGB | rgb(46, 165, 206) |
| HSL | hsl(195.38, 63.49%, 49.41%) |
| HSB / HSV | hsv(195.38 77.67% 80.78%) |
| HWB | hwb(195.38 18.04% 19.22%) |
| CMYK | cmyk(78% 20% 0% 19%) |
| Lab | lab(62.78 -22.83 -30.86) |
| LCH | lch(62.78 38.38 233.51) |
| OKLab | oklab(67.585% -0.08083 -0.08452) |
| OKLCH | oklch(67.585% 0.11695 226.277) |
| Display P3 | color(display-p3 0.33052 0.63797 0.7916) |
| Rec. 2020 | color(rec2020 0.39301 0.5904 0.76523) |
| Adobe RGB | color(a98-rgb 0.3909 0.64117 0.79709) |
| ProPhoto RGB | color(prophoto-rgb 0.4371 0.55696 0.7381) |
| Linear sRGB | color(srgb-linear 0.02732 0.37626 0.61721) |
| XYZ D65 | color(xyz-d65 0.25721 0.31946 0.63205) |
| XYZ D50 | color(xyz-d50 0.24514 0.31323 0.47766) |
| SwiftUI | Color(red: 0.18, green: 0.647, blue: 0.808) |
| UIKit | UIColor(red: 0.18, green: 0.647, blue: 0.808, alpha: 1) |
| Flutter / Compose | Color(0xFF2EA5CE) |
| Android XML | #2EA5CE |

## 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.84:1
- Contrast with black: 7.39:1

## Tints

#2ea5ce, #4daed3, #65b7d8, #7ac0dd, #8ec9e2, #a2d2e7, #b5dbec, #c8e4f1, #daedf6, #edf6fa

## Shades

#2ea5ce, #278fb3, #1f7998, #18657f, #125166, #0b3d4e, #062b38, #021a23, #010a0f, #000102

## Tones

#2ea5ce, #41a4c9, #50a3c3, #5ca2be, #66a0b8, #709fb3, #799dad, #819ca8, #899aa2, #90999d

## Harmonies

- Complementary: #2ea5ce, #d27f56
- Split: #2ea5ce, #d5777e, #c08c39
- Analogous: #2ea5ce, #00adaf, #6699de
- Triadic: #2ea5ce, #ca78a6, #a09b3c
- Tetradic: #2ea5ce, #918bdc, #d27f56, #a09b3c
- Square: #2ea5ce, #b380c7, #d27f56, #75a75d
- Monochromatic: #2ea5ce, #005b7d, #0080a7, #5dccf6, #a8efff

## Questions about #2ea5ce

### What color is #2ea5ce?

#2ea5ce is bright sky blue. The closest named color is Modal. In RGB it is rgb(46, 165, 206), in HSL hsl(195.38, 63.49%, 49.41%) and in OKLCH oklch(67.585% 0.11695 226.277).

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

The complementary color of #2ea5ce is #d27f56. For a calmer combination use the analogous colors #00adaf and #6699de. The triadic partners are #ca78a6 and #a09b3c.

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

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

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

#2ea5ce is a cool color. In OKLCH its hue is 226 degrees, its lightness 67.6% and its chroma 0.117.