# #45a8d2 color: Mystic Blue

#45a8d2 is rgb(69, 168, 210) in RGB and oklch(69.077% 0.1098 229.485) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/45a8d2

## Formats

| Format | Value |
| --- | --- |
| HEX | #45a8d2 |
| RGB | rgb(69, 168, 210) |
| HSL | hsl(197.87, 61.04%, 54.71%) |
| HSB / HSV | hsv(197.87 67.14% 82.35%) |
| HWB | hwb(197.87 27.06% 17.65%) |
| CMYK | cmyk(67% 20% 0% 18%) |
| Lab | lab(64.4 -19.88 -30.51) |
| LCH | lch(64.4 36.42 236.91) |
| OKLab | oklab(69.077% -0.07133 -0.08347) |
| OKLCH | oklch(69.077% 0.1098 229.485) |
| Display P3 | color(display-p3 0.37876 0.65038 0.80724) |
| Rec. 2020 | color(rec2020 0.4265 0.60474 0.78247) |
| Adobe RGB | color(a98-rgb 0.42726 0.6529 0.81289) |
| ProPhoto RGB | color(prophoto-rgb 0.46435 0.57215 0.7563) |
| Linear sRGB | color(srgb-linear 0.05951 0.39157 0.64448) |
| XYZ D65 | color(xyz-d65 0.28088 0.33922 0.66042) |
| XYZ D50 | color(xyz-d50 0.26898 0.33302 0.49907) |
| SwiftUI | Color(red: 0.271, green: 0.659, blue: 0.824) |
| UIKit | UIColor(red: 0.271, green: 0.659, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF45A8D2) |
| Android XML | #45A8D2 |

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

## Tints

#45a8d2, #5cb1d7, #71badc, #84c2e0, #96cbe5, #a8d4e9, #badcee, #cbe5f2, #dceef7, #eef6fb

## Shades

#45a8d2, #3b92b6, #317c9b, #276781, #1e5268, #153f50, #0c2c39, #051a24, #020a10, #000102

## Tones

#45a8d2, #52a7cd, #5da6c7, #67a5c2, #70a4bd, #78a3b7, #80a1b2, #87a0ac, #8e9fa7, #959da1

## Harmonies

- Complementary: #45a8d2, #d2865c
- Split: #45a8d2, #d77f80, #c09345
- Analogous: #45a8d2, #27b0b6, #729cdf
- Triadic: #45a8d2, #ce7fa6, #a0a14b
- Tetradic: #45a8d2, #9a90db, #d2865c, #a0a14b
- Square: #45a8d2, #b985c6, #d2865c, #77ac6a
- Monochromatic: #45a8d2, #005f86, #0f83ab, #6ecffa, #b9f2ff

## Questions about #45a8d2

### What color is #45a8d2?

#45a8d2 is bright sky blue. The closest named color is Mystic Blue. In RGB it is rgb(69, 168, 210), in HSL hsl(197.87, 61.04%, 54.71%) and in OKLCH oklch(69.077% 0.1098 229.485).

### What colors go well with #45a8d2?

The complementary color of #45a8d2 is #d2865c. For a calmer combination use the analogous colors #27b0b6 and #729cdf. The triadic partners are #ce7fa6 and #a0a14b.

### Is white or black text more readable on #45a8d2?

Black text reads better on #45a8d2: white gives a contrast ratio of 2.7:1 and black gives 7.78:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #45a8d2 a warm or cool color?

#45a8d2 is a cool color. In OKLCH its hue is 229 degrees, its lightness 69.1% and its chroma 0.11.