# #3daad2 color: Mystic Blue

#3daad2 is rgb(61, 170, 210) in RGB and oklch(69.314% 0.11281 226.566) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3daad2 |
| RGB | rgb(61, 170, 210) |
| HSL | hsl(196.11, 62.34%, 53.14%) |
| HSB / HSV | hsv(196.11 70.95% 82.35%) |
| HWB | hwb(196.11 23.92% 17.65%) |
| CMYK | cmyk(71% 19% 0% 18%) |
| Lab | lab(64.77 -22.12 -29.97) |
| LCH | lch(64.77 37.25 233.57) |
| OKLab | oklab(69.314% -0.07756 -0.08192) |
| OKLCH | oklch(69.314% 0.11281 226.566) |
| Display P3 | color(display-p3 0.36516 0.65777 0.80755) |
| Rec. 2020 | color(rec2020 0.42082 0.6121 0.78293) |
| Adobe RGB | color(a98-rgb 0.41933 0.66074 0.81314) |
| ProPhoto RGB | color(prophoto-rgb 0.46088 0.57891 0.757) |
| Linear sRGB | color(srgb-linear 0.04667 0.40198 0.64448) |
| XYZ D65 | color(xyz-d65 0.2793 0.34393 0.66141) |
| XYZ D50 | color(xyz-d50 0.26738 0.33762 0.4999) |
| SwiftUI | Color(red: 0.239, green: 0.667, blue: 0.824) |
| UIKit | UIColor(red: 0.239, green: 0.667, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF3DAAD2) |
| Android XML | #3DAAD2 |

## 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.88:1

## Tints

#3daad2, #57b3d7, #6dbbdc, #81c4e0, #94cce5, #a6d5e9, #b8ddee, #cae6f2, #dceef7, #edf7fb

## Shades

#3daad2, #3493b6, #2b7d9b, #226881, #1a5368, #123f50, #0a2d39, #041b24, #010b10, #000102

## Tones

#3daad2, #4ca9cd, #59a8c7, #64a7c2, #6ea5bd, #77a4b8, #7fa3b2, #87a1ad, #8ea0a7, #959ea2

## Harmonies

- Complementary: #3daad2, #d5855e
- Split: #3daad2, #d97e84, #c49243
- Analogous: #3daad2, #1fb1b4, #6d9ee1
- Triadic: #3daad2, #cf7faa, #a5a146
- Tetradic: #3daad2, #9791df, #d5855e, #a5a146
- Square: #3daad2, #b886cb, #d5855e, #7bac65
- Monochromatic: #3daad2, #006184, #0085ab, #68d1fa, #b8f3ff

## Questions about #3daad2

### What color is #3daad2?

#3daad2 is bright sky blue. The closest named color is Mystic Blue. In RGB it is rgb(61, 170, 210), in HSL hsl(196.11, 62.34%, 53.14%) and in OKLCH oklch(69.314% 0.11281 226.566).

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

The complementary color of #3daad2 is #d5855e. For a calmer combination use the analogous colors #1fb1b4 and #6d9ee1. The triadic partners are #cf7faa and #a5a146.

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

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

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

#3daad2 is a cool color. In OKLCH its hue is 227 degrees, its lightness 69.3% and its chroma 0.113.