# #369cbd color: Sailfish

#369cbd is rgb(54, 156, 189) in RGB and oklch(64.85% 0.10349 223.607) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/369cbd

## Formats

| Format | Value |
| --- | --- |
| HEX | #369cbd |
| RGB | rgb(54, 156, 189) |
| HSL | hsl(194.67, 55.56%, 47.65%) |
| HSB / HSV | hsv(194.67 71.43% 74.12%) |
| HWB | hwb(194.67 21.18% 25.88%) |
| CMYK | cmyk(71% 17% 0% 26%) |
| Lab | lab(59.65 -21.99 -26.18) |
| LCH | lch(59.65 34.19 229.97) |
| OKLab | oklab(64.85% -0.07494 -0.07138) |
| OKLCH | oklch(64.85% 0.10349 223.607) |
| Display P3 | color(display-p3 0.33069 0.60349 0.72743) |
| Rec. 2020 | color(rec2020 0.37531 0.55346 0.69493) |
| Adobe RGB | color(a98-rgb 0.38289 0.60608 0.73073) |
| ProPhoto RGB | color(prophoto-rgb 0.40989 0.52016 0.66526) |
| Linear sRGB | color(srgb-linear 0.03689 0.33245 0.50888) |
| XYZ D65 | color(xyz-d65 0.22594 0.28234 0.52405) |
| XYZ D50 | color(xyz-d50 0.21694 0.27739 0.39618) |
| SwiftUI | Color(red: 0.212, green: 0.612, blue: 0.741) |
| UIKit | UIColor(red: 0.212, green: 0.612, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF369CBD) |
| Android XML | #369CBD |

## 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.16:1
- Contrast with black: 6.65:1

## Tints

#369cbd, #50a6c4, #67b0ca, #7bbad1, #8fc4d8, #a2cdde, #b5d7e5, #c7e1ec, #daebf2, #ecf5f9

## Shades

#369cbd, #2e87a4, #25738c, #1e5f74, #164c5d, #0f3947, #082833, #03181f, #01090d, #000102

## Tones

#369cbd, #459bb8, #509ab4, #5b99af, #6497ab, #6c96a6, #7495a2, #7b939d, #829298, #889093

## Harmonies

- Complementary: #369cbd, #c3795a
- Split: #369cbd, #c5737c, #b48440
- Analogous: #369cbd, #23a2a1, #6092cc
- Triadic: #369cbd, #bb749f, #9a9240
- Tetradic: #369cbd, #8786cc, #c3795a, #9a9240
- Square: #369cbd, #a57bbb, #c3795a, #759c5a
- Monochromatic: #369cbd, #005471, #007797, #61c2e4, #89eaff

## Questions about #369cbd

### What color is #369cbd?

#369cbd is bright sky blue. The closest named color is Sailfish. In RGB it is rgb(54, 156, 189), in HSL hsl(194.67, 55.56%, 47.65%) and in OKLCH oklch(64.85% 0.10349 223.607).

### What colors go well with #369cbd?

The complementary color of #369cbd is #c3795a. For a calmer combination use the analogous colors #23a2a1 and #6092cc. The triadic partners are #bb749f and #9a9240.

### Is white or black text more readable on #369cbd?

Black text reads better on #369cbd: white gives a contrast ratio of 3.16:1 and black gives 6.65:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #369cbd a warm or cool color?

#369cbd is a cool color. In OKLCH its hue is 224 degrees, its lightness 64.9% and its chroma 0.103.