# #2399be color: Butterfly Blue

#2399be is rgb(35, 153, 190) in RGB and oklch(63.743% 0.11189 224.749) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2399be |
| RGB | rgb(35, 153, 190) |
| HSL | hsl(194.32, 68.89%, 44.12%) |
| HSB / HSV | hsv(194.32 81.58% 74.51%) |
| HWB | hwb(194.32 13.73% 25.49%) |
| CMYK | cmyk(82% 19% 0% 25%) |
| Lab | lab(58.35 -22.7 -28.77) |
| LCH | lch(58.35 36.65 231.73) |
| OKLab | oklab(63.743% -0.07946 -0.07877) |
| OKLCH | oklch(63.743% 0.11189 224.749) |
| Display P3 | color(display-p3 0.29415 0.59134 0.73019) |
| Rec. 2020 | color(rec2020 0.3512 0.5401 0.69776) |
| Adobe RGB | color(a98-rgb 0.35537 0.59441 0.73418) |
| ProPhoto RGB | color(prophoto-rgb 0.39333 0.50695 0.66776) |
| Linear sRGB | color(srgb-linear 0.01681 0.31855 0.51492) |
| XYZ D65 | color(xyz-d65 0.21377 0.26856 0.52774) |
| XYZ D50 | color(xyz-d50 0.20369 0.26332 0.39886) |
| SwiftUI | Color(red: 0.137, green: 0.6, blue: 0.745) |
| UIKit | UIColor(red: 0.137, green: 0.6, blue: 0.745, alpha: 1) |
| Flutter / Compose | Color(0xFF2399BE) |
| Android XML | #2399BE |

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

## Tints

#2399be, #45a3c5, #5eadcb, #74b8d2, #89c2d9, #9dccdf, #b1d6e6, #c5e0ec, #d8ebf2, #ecf5f9

## Shades

#2399be, #1d84a5, #17708c, #115d75, #0c4a5e, #073848, #042733, #01171f, #00080d, #000102

## Tones

#2399be, #3898b9, #4697b4, #5296af, #5d94aa, #6693a5, #6e92a0, #76909b, #7e8f96, #858d90

## Harmonies

- Complementary: #2399be, #c37450
- Split: #2399be, #c66d76, #b38033
- Analogous: #2399be, #00a0a0, #5a8ece
- Triadic: #2399be, #bb6e9b, #968f34
- Tetradic: #2399be, #8481cc, #c37450, #968f34
- Square: #2399be, #a576ba, #c37450, #6d9a53
- Monochromatic: #2399be, #00506e, #007498, #54bfe5, #7fe6ff

## Questions about #2399be

### What color is #2399be?

#2399be is bright sky blue. The closest named color is Butterfly Blue. In RGB it is rgb(35, 153, 190), in HSL hsl(194.32, 68.89%, 44.12%) and in OKLCH oklch(63.743% 0.11189 224.749).

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

The complementary color of #2399be is #c37450. For a calmer combination use the analogous colors #00a0a0 and #5a8ece. The triadic partners are #bb6e9b and #968f34.

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

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

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

#2399be is a cool color. In OKLCH its hue is 225 degrees, its lightness 63.7% and its chroma 0.112.