# #309bbd color: Sailfish

#309bbd is rgb(48, 155, 189) in RGB and oklch(64.455% 0.1062 223.727) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #309bbd |
| RGB | rgb(48, 155, 189) |
| HSL | hsl(194.47, 59.49%, 46.47%) |
| HSB / HSV | hsv(194.47 74.6% 74.12%) |
| HWB | hwb(194.47 18.82% 25.88%) |
| CMYK | cmyk(75% 18% 0% 26%) |
| Lab | lab(59.2 -22.38 -26.89) |
| LCH | lch(59.2 34.98 230.23) |
| OKLab | oklab(64.455% -0.07674 -0.07341) |
| OKLCH | oklch(64.455% 0.1062 223.727) |
| Display P3 | color(display-p3 0.31806 0.59943 0.72712) |
| Rec. 2020 | color(rec2020 0.36673 0.54895 0.69454) |
| Adobe RGB | color(a98-rgb 0.3733 0.60219 0.7306) |
| ProPhoto RGB | color(prophoto-rgb 0.4037 0.51564 0.66474) |
| Linear sRGB | color(srgb-linear 0.02956 0.32778 0.50888) |
| XYZ D65 | color(xyz-d65 0.22124 0.27744 0.52335) |
| XYZ D50 | color(xyz-d50 0.21194 0.2724 0.39562) |
| SwiftUI | Color(red: 0.188, green: 0.608, blue: 0.741) |
| UIKit | UIColor(red: 0.188, green: 0.608, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF309BBD) |
| Android XML | #309BBD |

## 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.21:1
- Contrast with black: 6.55:1

## Tints

#309bbd, #4ca5c4, #63afcb, #79b9d1, #8dc3d8, #a0cdde, #b3d7e5, #c6e1ec, #d9ebf2, #ecf5f9

## Shades

#309bbd, #2886a4, #21728c, #1a5e74, #134b5d, #0c3947, #062833, #03181f, #01090d, #000102

## Tones

#309bbd, #409ab8, #4d99b4, #5898af, #6196aa, #6a95a6, #7294a1, #79929c, #809197, #878f92

## Harmonies

- Complementary: #309bbd, #c37757
- Split: #309bbd, #c5717a, #b4833c
- Analogous: #309bbd, #18a1a0, #5e90cd
- Triadic: #309bbd, #bb729e, #99903c
- Tetradic: #309bbd, #8584cc, #c37757, #99903c
- Square: #309bbd, #a57abb, #c37757, #739c57
- Monochromatic: #309bbd, #00536f, #007697, #5cc1e4, #85e9ff

## Questions about #309bbd

### What color is #309bbd?

#309bbd is bright sky blue. The closest named color is Sailfish. In RGB it is rgb(48, 155, 189), in HSL hsl(194.47, 59.49%, 46.47%) and in OKLCH oklch(64.455% 0.1062 223.727).

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

The complementary color of #309bbd is #c37757. For a calmer combination use the analogous colors #18a1a0 and #5e90cd. The triadic partners are #bb729e and #99903c.

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

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

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

#309bbd is a cool color. In OKLCH its hue is 224 degrees, its lightness 64.5% and its chroma 0.106.