# #2ca2ec color: Button Blue

#2ca2ec is rgb(44, 162, 236) in RGB and oklch(68.325% 0.14787 242.208) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2ca2ec |
| RGB | rgb(44, 162, 236) |
| HSL | hsl(203.13, 83.48%, 54.9%) |
| HSB / HSV | hsv(203.13 81.36% 92.55%) |
| HWB | hwb(203.13 17.25% 7.45%) |
| CMYK | cmyk(81% 31% 0% 7%) |
| Lab | lab(62.97 -13.2 -47.08) |
| LCH | lch(62.97 48.89 254.33) |
| OKLab | oklab(68.325% -0.06895 -0.13081) |
| OKLCH | oklch(68.325% 0.14787 242.208) |
| Display P3 | color(display-p3 0.32247 0.62633 0.90147) |
| Rec. 2020 | color(rec2020 0.39739 0.58035 0.88566) |
| Adobe RGB | color(a98-rgb 0.38268 0.62945 0.91328) |
| ProPhoto RGB | color(prophoto-rgb 0.46348 0.55069 0.86415) |
| Linear sRGB | color(srgb-linear 0.02519 0.36131 0.8388) |
| XYZ D65 | color(xyz-d65 0.29097 0.32431 0.84086) |
| XYZ D50 | color(xyz-d50 0.27016 0.31547 0.63441) |
| SwiftUI | Color(red: 0.173, green: 0.635, blue: 0.925) |
| UIKit | UIColor(red: 0.173, green: 0.635, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFF2CA2EC) |
| Android XML | #2CA2EC |

## Facts

- Closest name: Button Blue
- 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.81:1
- Contrast with black: 7.49:1

## Tints

#2ca2ec, #4bacef, #63b5f1, #79bff4, #8dc8f6, #a1d2f8, #b4dbfa, #c7e4fb, #daedfd, #ecf6fe

## Shades

#2ca2ec, #258ccd, #1e77af, #176392, #114f76, #0a3c5b, #052a42, #021929, #010a13, #000103

## Tones

#2ca2ec, #40a2e4, #4fa1dc, #5ba1d4, #66a0cc, #709fc3, #799ebb, #829db3, #8a9caa, #929ba2

## Harmonies

- Complementary: #2ca2ec, #d8811e
- Split: #2ca2ec, #e6725c, #ba9500
- Analogous: #2ca2ec, #00aecb, #7a91f4
- Triadic: #2ca2ec, #e26e92, #8aa72d
- Tetradic: #2ca2ec, #ab81e4, #d8811e, #8aa72d
- Square: #2ca2ec, #cd74c1, #d8811e, #41b36a
- Monochromatic: #2ca2ec, #005896, #007cc4, #69c8ff, #c1ecff

## Questions about #2ca2ec

### What color is #2ca2ec?

#2ca2ec is bright sky blue. The closest named color is Button Blue. In RGB it is rgb(44, 162, 236), in HSL hsl(203.13, 83.48%, 54.9%) and in OKLCH oklch(68.325% 0.14787 242.208).

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

The complementary color of #2ca2ec is #d8811e. For a calmer combination use the analogous colors #00aecb and #7a91f4. The triadic partners are #e26e92 and #8aa72d.

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

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

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

#2ca2ec is a cool color. In OKLCH its hue is 242 degrees, its lightness 68.3% and its chroma 0.148.