# #2399bc color: Butterfly Blue

#2399bc is rgb(35, 153, 188) in RGB and oklch(63.651% 0.11044 223.411) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2399bc

## Formats

| Format | Value |
| --- | --- |
| HEX | #2399bc |
| RGB | rgb(35, 153, 188) |
| HSL | hsl(193.73, 68.61%, 43.73%) |
| HSB / HSV | hsv(193.73 81.38% 73.73%) |
| HWB | hwb(193.73 13.73% 26.27%) |
| CMYK | cmyk(81% 19% 0% 26%) |
| Lab | lab(58.28 -23.24 -27.76) |
| LCH | lch(58.28 36.2 230.06) |
| OKLab | oklab(63.651% -0.08023 -0.07589) |
| OKLCH | oklch(63.651% 0.11044 223.411) |
| Display P3 | color(display-p3 0.29415 0.59134 0.72286) |
| Rec. 2020 | color(rec2020 0.35043 0.53997 0.68982) |
| Adobe RGB | color(a98-rgb 0.35537 0.59441 0.72653) |
| ProPhoto RGB | color(prophoto-rgb 0.39134 0.50662 0.65973) |
| Linear sRGB | color(srgb-linear 0.01681 0.31855 0.50289) |
| XYZ D65 | color(xyz-d65 0.2116 0.26769 0.5163) |
| XYZ D50 | color(xyz-d50 0.20197 0.26259 0.39027) |
| SwiftUI | Color(red: 0.137, green: 0.6, blue: 0.737) |
| UIKit | UIColor(red: 0.137, green: 0.6, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF2399BC) |
| Android XML | #2399BC |

## 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.3:1
- Contrast with black: 6.35:1

## Tints

#2399bc, #45a3c3, #5eadca, #74b8d1, #89c2d7, #9dccde, #b1d6e5, #c5e0eb, #d8ebf2, #ecf5f8

## Shades

#2399bc, #1d84a3, #17708b, #115d73, #0c4a5d, #073847, #042732, #01171f, #00080d, #000102

## Tones

#2399bc, #3898b7, #4697b2, #5296ae, #5c94a9, #6693a4, #6e919f, #76909a, #7d8e95, #848d90

## Harmonies

- Complementary: #2399bc, #c37452
- Split: #2399bc, #c46d77, #b38035
- Analogous: #2399bc, #00a09e, #598ecc
- Triadic: #2399bc, #b96f9c, #978e34
- Tetradic: #2399bc, #8281cc, #c37452, #978e34
- Square: #2399bc, #a376ba, #c37452, #709952
- Monochromatic: #2399bc, #00506c, #007496, #54bfe3, #7de6ff

## Questions about #2399bc

### What color is #2399bc?

#2399bc is bright sky blue. The closest named color is Butterfly Blue. In RGB it is rgb(35, 153, 188), in HSL hsl(193.73, 68.61%, 43.73%) and in OKLCH oklch(63.651% 0.11044 223.411).

### What colors go well with #2399bc?

The complementary color of #2399bc is #c37452. For a calmer combination use the analogous colors #00a09e and #598ecc. The triadic partners are #b96f9c and #978e34.

### Is white or black text more readable on #2399bc?

Black text reads better on #2399bc: white gives a contrast ratio of 3.3:1 and black gives 6.35:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2399bc a warm or cool color?

#2399bc is a cool color. In OKLCH its hue is 223 degrees, its lightness 63.7% and its chroma 0.11.