# #2c99bd color: Butterfly Blue

#2c99bd is rgb(44, 153, 189) in RGB and oklch(63.877% 0.1082 225.006) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2c99bd |
| RGB | rgb(44, 153, 189) |
| HSL | hsl(194.9, 62.23%, 45.69%) |
| HSB / HSV | hsv(194.9 76.72% 74.12%) |
| HWB | hwb(194.9 17.25% 25.88%) |
| CMYK | cmyk(77% 19% 0% 26%) |
| Lab | lab(58.49 -21.95 -27.98) |
| LCH | lch(58.49 35.56 231.88) |
| OKLab | oklab(63.877% -0.0765 -0.07651) |
| OKLCH | oklch(63.877% 0.1082 225.006) |
| Display P3 | color(display-p3 0.30801 0.59158 0.72662) |
| Rec. 2020 | color(rec2020 0.35848 0.54059 0.69389) |
| Adobe RGB | color(a98-rgb 0.36465 0.59441 0.73035) |
| ProPhoto RGB | color(prophoto-rgb 0.39751 0.50757 0.66385) |
| Linear sRGB | color(srgb-linear 0.02519 0.31855 0.50888) |
| XYZ D65 | color(xyz-d65 0.21614 0.26991 0.52216) |
| XYZ D50 | color(xyz-d50 0.20648 0.26481 0.39467) |
| SwiftUI | Color(red: 0.173, green: 0.6, blue: 0.741) |
| UIKit | UIColor(red: 0.173, green: 0.6, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF2C99BD) |
| Android XML | #2C99BD |

## Facts

- Closest name: Butterfly Blue
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.28:1
- Contrast with black: 6.4:1

## Tints

#2c99bd, #4aa3c4, #61adcb, #77b8d1, #8bc2d8, #9fccdf, #b2d6e5, #c6e0ec, #d9ebf2, #ecf5f9

## Shades

#2c99bd, #2584a4, #1e708c, #175d74, #114a5d, #0a3847, #052733, #02171f, #01080d, #000102

## Tones

#2c99bd, #3d98b8, #4a97b3, #5596af, #5f94aa, #6893a5, #7092a0, #77909b, #7e8f96, #858d91

## Harmonies

- Complementary: #2c99bd, #c27552
- Split: #2c99bd, #c46f76, #b28137
- Analogous: #2c99bd, #06a0a0, #5d8ecc
- Triadic: #2c99bd, #ba709b, #968f39
- Tetradic: #2c99bd, #8582cb, #c27552, #968f39
- Square: #2c99bd, #a577b9, #c27552, #6f9a56
- Monochromatic: #2c99bd, #00516e, #007497, #59bfe4, #82e6ff

## Questions about #2c99bd

### What color is #2c99bd?

#2c99bd is bright sky blue. The closest named color is Butterfly Blue. In RGB it is rgb(44, 153, 189), in HSL hsl(194.9, 62.23%, 45.69%) and in OKLCH oklch(63.877% 0.1082 225.006).

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

The complementary color of #2c99bd is #c27552. For a calmer combination use the analogous colors #06a0a0 and #5d8ecc. The triadic partners are #ba709b and #968f39.

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

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

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

#2c99bd is a cool color. In OKLCH its hue is 225 degrees, its lightness 63.9% and its chroma 0.108.