# #2ca1eb color: Button Blue

#2ca1eb is rgb(44, 161, 235) in RGB and oklch(68.044% 0.14757 242.393) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2ca1eb |
| RGB | rgb(44, 161, 235) |
| HSL | hsl(203.25, 82.68%, 54.71%) |
| HSB / HSV | hsv(203.25 81.28% 92.16%) |
| HWB | hwb(203.25 17.25% 7.84%) |
| CMYK | cmyk(81% 31% 0% 8%) |
| Lab | lab(62.63 -12.99 -47.05) |
| LCH | lch(62.63 48.81 254.57) |
| OKLab | oklab(68.044% -0.06839 -0.13077) |
| OKLCH | oklch(68.044% 0.14757 242.393) |
| Display P3 | color(display-p3 0.32085 0.62247 0.8976) |
| Rec. 2020 | color(rec2020 0.39482 0.57624 0.88134) |
| Adobe RGB | color(a98-rgb 0.38066 0.62555 0.90927) |
| ProPhoto RGB | color(prophoto-rgb 0.46065 0.54664 0.85944) |
| Linear sRGB | color(srgb-linear 0.02519 0.3564 0.83077) |
| XYZ D65 | color(xyz-d65 0.28777 0.32022 0.83264) |
| XYZ D50 | color(xyz-d50 0.26712 0.31146 0.6282) |
| SwiftUI | Color(red: 0.173, green: 0.631, blue: 0.922) |
| UIKit | UIColor(red: 0.173, green: 0.631, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF2CA1EB) |
| Android XML | #2CA1EB |

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

## Tints

#2ca1eb, #4babee, #63b5f0, #79bef3, #8dc8f5, #a1d1f7, #b4daf9, #c7e4fb, #daedfc, #ecf6fe

## Shades

#2ca1eb, #258bcc, #1e76ae, #176291, #114e75, #0a3c5b, #052a41, #021929, #010913, #000103

## Tones

#2ca1eb, #40a1e3, #4ea0db, #5ba0d3, #669fcb, #6f9ec3, #799dba, #819cb2, #899baa, #919aa1

## Harmonies

- Complementary: #2ca1eb, #d7811d
- Split: #2ca1eb, #e5725b, #b99400
- Analogous: #2ca1eb, #00adca, #7a90f3
- Triadic: #2ca1eb, #e06d91, #89a62d
- Tetradic: #2ca1eb, #aa80e3, #d7811d, #89a62d
- Square: #2ca1eb, #cc73c0, #d7811d, #3fb26a
- Monochromatic: #2ca1eb, #005795, #007bc3, #68c7ff, #c0ebff

## Questions about #2ca1eb

### What color is #2ca1eb?

#2ca1eb is bright sky blue. The closest named color is Button Blue. In RGB it is rgb(44, 161, 235), in HSL hsl(203.25, 82.68%, 54.71%) and in OKLCH oklch(68.044% 0.14757 242.393).

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

The complementary color of #2ca1eb is #d7811d. For a calmer combination use the analogous colors #00adca and #7a90f3. The triadic partners are #e06d91 and #89a62d.

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

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

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

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