# #309bb8 color: Sailfish

#309bb8 is rgb(48, 155, 184) in RGB and oklch(64.235% 0.10284 220.083) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/309bb8

## Formats

| Format | Value |
| --- | --- |
| HEX | #309bb8 |
| RGB | rgb(48, 155, 184) |
| HSL | hsl(192.79, 58.62%, 45.49%) |
| HSB / HSV | hsv(192.79 73.91% 72.16%) |
| HWB | hwb(192.79 18.82% 27.84%) |
| CMYK | cmyk(74% 16% 0% 28%) |
| Lab | lab(59.03 -23.69 -24.34) |
| LCH | lch(59.03 33.96 225.78) |
| OKLab | oklab(64.235% -0.07868 -0.06622) |
| OKLCH | oklch(64.235% 0.10284 220.083) |
| Display P3 | color(display-p3 0.31806 0.59943 0.70883) |
| Rec. 2020 | color(rec2020 0.36492 0.54863 0.67475) |
| Adobe RGB | color(a98-rgb 0.3733 0.60219 0.71153) |
| ProPhoto RGB | color(prophoto-rgb 0.39891 0.51485 0.6448) |
| Linear sRGB | color(srgb-linear 0.02956 0.32778 0.47932) |
| XYZ D65 | color(xyz-d65 0.21591 0.2753 0.49525) |
| XYZ D50 | color(xyz-d50 0.20771 0.27061 0.37451) |
| SwiftUI | Color(red: 0.188, green: 0.608, blue: 0.722) |
| UIKit | UIColor(red: 0.188, green: 0.608, blue: 0.722, alpha: 1) |
| Flutter / Compose | Color(0xFF309BB8) |
| Android XML | #309BB8 |

## Facts

- Closest name: Sailfish
- 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.23:1
- Contrast with black: 6.51:1

## Tints

#309bb8, #4ca5bf, #63afc6, #79b9ce, #8dc3d5, #a0cddc, #b3d7e3, #c6e1ea, #d9ebf1, #ecf5f8

## Shades

#309bb8, #2886a0, #217288, #1a5e71, #134b5b, #0c3945, #062831, #03181e, #01090c, #000102

## Tones

#309bb8, #409ab4, #4d99b0, #5797ab, #6196a7, #6995a3, #71939e, #79929a, #809096, #868e91

## Harmonies

- Complementary: #309bb8, #c2765c
- Split: #309bb8, #c2717e, #b58141
- Analogous: #309bb8, #25a19b, #5a91c9
- Triadic: #309bb8, #b773a0, #9b8e3d
- Tetradic: #309bb8, #8185ca, #c2765c, #9b8e3d
- Square: #309bb8, #a07bbc, #c2765c, #789954
- Monochromatic: #309bb8, #00536b, #007692, #5cc1df, #85e8ff

## Questions about #309bb8

### What color is #309bb8?

#309bb8 is bright sky blue. The closest named color is Sailfish. In RGB it is rgb(48, 155, 184), in HSL hsl(192.79, 58.62%, 45.49%) and in OKLCH oklch(64.235% 0.10284 220.083).

### What colors go well with #309bb8?

The complementary color of #309bb8 is #c2765c. For a calmer combination use the analogous colors #25a19b and #5a91c9. The triadic partners are #b773a0 and #9b8e3d.

### Is white or black text more readable on #309bb8?

Black text reads better on #309bb8: white gives a contrast ratio of 3.23:1 and black gives 6.51:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #309bb8 a warm or cool color?

#309bb8 is a cool color. In OKLCH its hue is 220 degrees, its lightness 64.2% and its chroma 0.103.