# #369fbc color: Sailfish

#369fbc is rgb(54, 159, 188) in RGB and oklch(65.533% 0.10242 220.098) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369fbc |
| RGB | rgb(54, 159, 188) |
| HSL | hsl(192.99, 55.37%, 47.45%) |
| HSB / HSV | hsv(192.99 71.28% 73.73%) |
| HWB | hwb(192.99 21.18% 26.27%) |
| CMYK | cmyk(71% 15% 0% 26%) |
| Lab | lab(60.54 -23.66 -24.27) |
| LCH | lch(60.54 33.89 225.73) |
| OKLab | oklab(65.533% -0.07835 -0.06597) |
| OKLCH | oklch(65.533% 0.10242 220.098) |
| Display P3 | color(display-p3 0.3352 0.61507 0.72446) |
| Rec. 2020 | color(rec2020 0.38138 0.56552 0.6919) |
| Adobe RGB | color(a98-rgb 0.38868 0.61775 0.7273) |
| ProPhoto RGB | color(prophoto-rgb 0.41425 0.53156 0.66255) |
| Linear sRGB | color(srgb-linear 0.03689 0.3467 0.50289) |
| XYZ D65 | color(xyz-d65 0.22995 0.2921 0.52005) |
| XYZ D50 | color(xyz-d50 0.22157 0.28724 0.39328) |
| SwiftUI | Color(red: 0.212, green: 0.624, blue: 0.737) |
| UIKit | UIColor(red: 0.212, green: 0.624, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF369FBC) |
| Android XML | #369FBC |

## 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.07:1
- Contrast with black: 6.84:1

## Tints

#369fbc, #51a9c3, #67b2ca, #7cbcd0, #8fc5d7, #a2cfde, #b5d9e4, #c8e2eb, #daecf2, #edf5f8

## Shades

#369fbc, #2e8aa3, #25758b, #1e6173, #164d5d, #0f3b47, #082932, #03181f, #01090d, #000102

## Tones

#369fbc, #459eb8, #519db4, #5c9baf, #659aab, #6d99a7, #7597a2, #7d969e, #84949a, #8a9295

## Harmonies

- Complementary: #369fbc, #c67a60
- Split: #369fbc, #c67582, #b98546
- Analogous: #369fbc, #2ca59f, #5e95cd
- Triadic: #369fbc, #bb77a4, #9f9242
- Tetradic: #369fbc, #8589ce, #c67a60, #9f9242
- Square: #369fbc, #a47fc0, #c67a60, #7c9d59
- Monochromatic: #369fbc, #005770, #007a96, #61c5e3, #89edff

## Questions about #369fbc

### What color is #369fbc?

#369fbc is bright sky blue. The closest named color is Sailfish. In RGB it is rgb(54, 159, 188), in HSL hsl(192.99, 55.37%, 47.45%) and in OKLCH oklch(65.533% 0.10242 220.098).

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

The complementary color of #369fbc is #c67a60. For a calmer combination use the analogous colors #2ca59f and #5e95cd. The triadic partners are #bb77a4 and #9f9242.

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

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

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

#369fbc is a cool color. In OKLCH its hue is 220 degrees, its lightness 65.5% and its chroma 0.102.