# #3baad2 color: Mystic Blue

#3baad2 is rgb(59, 170, 210) in RGB and oklch(69.261% 0.11366 226.295) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3baad2 |
| RGB | rgb(59, 170, 210) |
| HSL | hsl(195.89, 62.66%, 52.75%) |
| HSB / HSV | hsv(195.89 71.9% 82.35%) |
| HWB | hwb(195.89 23.14% 17.65%) |
| CMYK | cmyk(72% 19% 0% 18%) |
| Lab | lab(64.72 -22.41 -30.05) |
| LCH | lch(64.72 37.49 233.29) |
| OKLab | oklab(69.261% -0.07853 -0.08216) |
| OKLCH | oklch(69.261% 0.11366 226.295) |
| Display P3 | color(display-p3 0.36129 0.65769 0.80753) |
| Rec. 2020 | color(rec2020 0.41854 0.61193 0.7829) |
| Adobe RGB | color(a98-rgb 0.41662 0.66074 0.81314) |
| ProPhoto RGB | color(prophoto-rgb 0.45928 0.57867 0.75696) |
| Linear sRGB | color(srgb-linear 0.04374 0.40198 0.64448) |
| XYZ D65 | color(xyz-d65 0.27809 0.34331 0.66136) |
| XYZ D50 | color(xyz-d50 0.2661 0.33697 0.49986) |
| SwiftUI | Color(red: 0.231, green: 0.667, blue: 0.824) |
| UIKit | UIColor(red: 0.231, green: 0.667, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF3BAAD2) |
| Android XML | #3BAAD2 |

## Facts

- Closest name: Mystic Blue
- 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.67:1
- Contrast with black: 7.87:1

## Tints

#3baad2, #55b3d7, #6cbbdc, #80c4e0, #93cce5, #a6d5e9, #b8ddee, #cae6f2, #dceef7, #edf7fb

## Shades

#3baad2, #3293b6, #297d9b, #216881, #195368, #113f50, #092d39, #041b24, #010b10, #000102

## Tones

#3baad2, #4ba9cd, #58a8c7, #63a7c2, #6da5bd, #76a4b7, #7fa2b2, #87a1ad, #8e9fa7, #959ea2

## Harmonies

- Complementary: #3baad2, #d6855d
- Split: #3baad2, #d97e84, #c49242
- Analogous: #3baad2, #1cb1b3, #6c9ee2
- Triadic: #3baad2, #cf7eab, #a5a045
- Tetradic: #3baad2, #9791df, #d6855d, #a5a045
- Square: #3baad2, #b886cb, #d6855d, #7bac64
- Monochromatic: #3baad2, #006184, #0085ab, #67d1fa, #b7f3ff

## Questions about #3baad2

### What color is #3baad2?

#3baad2 is bright sky blue. The closest named color is Mystic Blue. In RGB it is rgb(59, 170, 210), in HSL hsl(195.89, 62.66%, 52.75%) and in OKLCH oklch(69.261% 0.11366 226.295).

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

The complementary color of #3baad2 is #d6855d. For a calmer combination use the analogous colors #1cb1b3 and #6c9ee2. The triadic partners are #cf7eab and #a5a045.

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

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

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

#3baad2 is a cool color. In OKLCH its hue is 226 degrees, its lightness 69.3% and its chroma 0.114.