# #2c98bd color: Butterfly Blue

#2c98bd is rgb(44, 152, 189) in RGB and oklch(63.634% 0.10848 225.872) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2c98bd |
| RGB | rgb(44, 152, 189) |
| HSL | hsl(195.31, 62.23%, 45.69%) |
| HSB / HSV | hsv(195.31 76.72% 74.12%) |
| HWB | hwb(195.31 17.25% 25.88%) |
| CMYK | cmyk(77% 20% 0% 26%) |
| Lab | lab(58.18 -21.48 -28.45) |
| LCH | lch(58.18 35.65 232.95) |
| OKLab | oklab(63.634% -0.07553 -0.07786) |
| OKLCH | oklch(63.634% 0.10848 225.872) |
| Display P3 | color(display-p3 0.30642 0.58772 0.7264) |
| Rec. 2020 | color(rec2020 0.35631 0.53656 0.6936) |
| Adobe RGB | color(a98-rgb 0.36266 0.59053 0.73023) |
| ProPhoto RGB | color(prophoto-rgb 0.39576 0.50376 0.66343) |
| Linear sRGB | color(srgb-linear 0.02519 0.31399 0.50888) |
| XYZ D65 | color(xyz-d65 0.21451 0.26665 0.52162) |
| XYZ D50 | color(xyz-d50 0.20473 0.26155 0.39422) |
| SwiftUI | Color(red: 0.173, green: 0.596, blue: 0.741) |
| UIKit | UIColor(red: 0.173, green: 0.596, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF2C98BD) |
| Android XML | #2C98BD |

## 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.32:1
- Contrast with black: 6.33:1

## Tints

#2c98bd, #49a2c4, #61adcb, #77b7d1, #8bc1d8, #9fcbdf, #b2d6e5, #c5e0ec, #d9eaf2, #ecf5f9

## Shades

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

## Tones

#2c98bd, #3d97b8, #4a96b3, #5595ae, #5f94a9, #6792a4, #6f919f, #77909a, #7e8e95, #848d90

## Harmonies

- Complementary: #2c98bd, #c17550
- Split: #2c98bd, #c46e75, #b18136
- Analogous: #2c98bd, #009fa0, #5e8dcc
- Triadic: #2c98bd, #ba6f99, #948f38
- Tetradic: #2c98bd, #8581ca, #c17550, #948f38
- Square: #2c98bd, #a576b7, #c17550, #6d9a56
- Monochromatic: #2c98bd, #00506e, #007397, #59bee4, #81e5ff

## Questions about #2c98bd

### What color is #2c98bd?

#2c98bd is bright sky blue. The closest named color is Butterfly Blue. In RGB it is rgb(44, 152, 189), in HSL hsl(195.31, 62.23%, 45.69%) and in OKLCH oklch(63.634% 0.10848 225.872).

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

The complementary color of #2c98bd is #c17550. For a calmer combination use the analogous colors #009fa0 and #5e8dcc. The triadic partners are #ba6f99 and #948f38.

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

White text reads better on #2c98bd: white gives a contrast ratio of 3.32:1 and black gives 6.33:1. WCAG AA asks for at least 4.5:1 for body text.

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

#2c98bd is a cool color. In OKLCH its hue is 226 degrees, its lightness 63.6% and its chroma 0.108.