# #3ba5cc color: Laguna

#3ba5cc is rgb(59, 165, 204) in RGB and oklch(67.808% 0.11041 226.628) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3ba5cc

## Formats

| Format | Value |
| --- | --- |
| HEX | #3ba5cc |
| RGB | rgb(59, 165, 204) |
| HSL | hsl(196.14, 58.7%, 51.57%) |
| HSB / HSV | hsv(196.14 71.08% 80%) |
| HWB | hwb(196.14 23.14% 20%) |
| CMYK | cmyk(71% 19% 0% 20%) |
| Lab | lab(63.02 -21.61 -29.36) |
| LCH | lch(63.02 36.45 233.65) |
| OKLab | oklab(67.808% -0.07582 -0.08025) |
| OKLCH | oklch(67.808% 0.11041 226.628) |
| Display P3 | color(display-p3 0.35382 0.6384 0.78444) |
| Rec. 2020 | color(rec2020 0.40565 0.59126 0.75742) |
| Adobe RGB | color(a98-rgb 0.40697 0.64117 0.78939) |
| ProPhoto RGB | color(prophoto-rgb 0.44438 0.55806 0.73006) |
| Linear sRGB | color(srgb-linear 0.04374 0.37626 0.60383) |
| XYZ D65 | color(xyz-d65 0.26156 0.32198 0.61965) |
| XYZ D50 | color(xyz-d50 0.25038 0.31607 0.46833) |
| SwiftUI | Color(red: 0.231, green: 0.647, blue: 0.8) |
| UIKit | UIColor(red: 0.231, green: 0.647, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF3BA5CC) |
| Android XML | #3BA5CC |

## Facts

- Closest name: Laguna
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.82:1
- Contrast with black: 7.44:1

## Tints

#3ba5cc, #55aed1, #6bb7d7, #7fc0dc, #92c9e1, #a5d2e6, #b7dbeb, #c9e4f0, #dbedf5, #edf6fa

## Shades

#3ba5cc, #328fb1, #297997, #21657e, #195165, #113d4e, #092b37, #041a22, #010a0f, #000102

## Tones

#3ba5cc, #4aa4c7, #56a3c2, #61a2bd, #6aa0b7, #739fb2, #7b9ead, #839ca8, #8a9ba2, #91999d

## Harmonies

- Complementary: #3ba5cc, #cf815b
- Split: #3ba5cc, #d37a80, #be8e41
- Analogous: #3ba5cc, #1eacaf, #6a9adb
- Triadic: #3ba5cc, #c97ba5, #a09c44
- Tetradic: #3ba5cc, #938dd8, #cf815b, #a09c44
- Square: #3ba5cc, #b382c5, #cf815b, #77a762
- Monochromatic: #3ba5cc, #005c7f, #0080a5, #66ccf4, #abf0ff

## Questions about #3ba5cc

### What color is #3ba5cc?

#3ba5cc is bright sky blue. The closest named color is Laguna. In RGB it is rgb(59, 165, 204), in HSL hsl(196.14, 58.7%, 51.57%) and in OKLCH oklch(67.808% 0.11041 226.628).

### What colors go well with #3ba5cc?

The complementary color of #3ba5cc is #cf815b. For a calmer combination use the analogous colors #1eacaf and #6a9adb. The triadic partners are #c97ba5 and #a09c44.

### Is white or black text more readable on #3ba5cc?

Black text reads better on #3ba5cc: white gives a contrast ratio of 2.82:1 and black gives 7.44:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3ba5cc a warm or cool color?

#3ba5cc is a cool color. In OKLCH its hue is 227 degrees, its lightness 67.8% and its chroma 0.11.