# #2d99bc color: Butterfly Blue

#2d99bc is rgb(45, 153, 188) in RGB and oklch(63.854% 0.10708 224.437) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2d99bc |
| RGB | rgb(45, 153, 188) |
| HSL | hsl(194.69, 61.37%, 45.69%) |
| HSB / HSV | hsv(194.69 76.06% 73.73%) |
| HWB | hwb(194.69 17.65% 26.27%) |
| CMYK | cmyk(76% 19% 0% 26%) |
| Lab | lab(58.48 -22.09 -27.43) |
| LCH | lch(58.48 35.22 231.16) |
| OKLab | oklab(63.854% -0.07646 -0.07497) |
| OKLCH | oklch(63.854% 0.10708 224.437) |
| Display P3 | color(display-p3 0.30971 0.59161 0.72297) |
| Rec. 2020 | color(rec2020 0.35906 0.5406 0.68993) |
| Adobe RGB | color(a98-rgb 0.36579 0.59441 0.72653) |
| ProPhoto RGB | color(prophoto-rgb 0.39718 0.50751 0.65985) |
| Linear sRGB | color(srgb-linear 0.02624 0.31855 0.50289) |
| XYZ D65 | color(xyz-d65 0.21549 0.2697 0.51649) |
| XYZ D50 | color(xyz-d50 0.20608 0.26469 0.3904) |
| SwiftUI | Color(red: 0.176, green: 0.6, blue: 0.737) |
| UIKit | UIColor(red: 0.176, green: 0.6, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF2D99BC) |
| Android XML | #2D99BC |

## 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.39:1

## Tints

#2d99bc, #4aa3c3, #62adca, #77b8d1, #8bc2d7, #9fccde, #b2d6e5, #c6e0eb, #d9ebf2, #ecf5f8

## Shades

#2d99bc, #2684a3, #1f708b, #185d73, #114a5d, #0b3847, #062732, #02171f, #01080d, #000102

## Tones

#2d99bc, #3e98b7, #4b97b3, #5696ae, #5f94a9, #6893a4, #70929f, #77909a, #7e8f96, #858d91

## Harmonies

- Complementary: #2d99bc, #c17554
- Split: #2d99bc, #c46f77, #b28139
- Analogous: #2d99bc, #0ea09f, #5d8ecb
- Triadic: #2d99bc, #b9709b, #968f39
- Tetradic: #2d99bc, #8482ca, #c17554, #968f39
- Square: #2d99bc, #a477b9, #c17554, #709a55
- Monochromatic: #2d99bc, #00516e, #007496, #5abfe3, #82e6ff

## Questions about #2d99bc

### What color is #2d99bc?

#2d99bc is bright sky blue. The closest named color is Butterfly Blue. In RGB it is rgb(45, 153, 188), in HSL hsl(194.69, 61.37%, 45.69%) and in OKLCH oklch(63.854% 0.10708 224.437).

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

The complementary color of #2d99bc is #c17554. For a calmer combination use the analogous colors #0ea09f and #5d8ecb. The triadic partners are #b9709b and #968f39.

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

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

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

#2d99bc is a cool color. In OKLCH its hue is 224 degrees, its lightness 63.9% and its chroma 0.107.