# #45aeda color: Highlighter Blue

#45aeda is rgb(69, 174, 218) in RGB and oklch(70.837% 0.11446 229.4) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #45aeda |
| RGB | rgb(69, 174, 218) |
| HSL | hsl(197.72, 66.82%, 56.27%) |
| HSB / HSV | hsv(197.72 68.35% 85.49%) |
| HWB | hwb(197.72 27.06% 14.51%) |
| CMYK | cmyk(68% 20% 0% 15%) |
| Lab | lab(66.46 -20.7 -31.75) |
| LCH | lch(66.46 37.9 236.9) |
| OKLab | oklab(70.837% -0.07449 -0.08691) |
| OKLCH | oklch(70.837% 0.11446 229.4) |
| Display P3 | color(display-p3 0.38723 0.67351 0.83788) |
| Rec. 2020 | color(rec2020 0.44193 0.62961 0.81633) |
| Adobe RGB | color(a98-rgb 0.43847 0.67642 0.84455) |
| ProPhoto RGB | color(prophoto-rgb 0.48296 0.59714 0.79225) |
| Linear sRGB | color(srgb-linear 0.05951 0.42327 0.7011) |
| XYZ D65 | color(xyz-d65 0.30243 0.36598 0.71802) |
| XYZ D50 | color(xyz-d50 0.28929 0.35918 0.54258) |
| SwiftUI | Color(red: 0.271, green: 0.682, blue: 0.855) |
| UIKit | UIColor(red: 0.271, green: 0.682, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF45AEDA) |
| Android XML | #45AEDA |

## Facts

- Closest name: Highlighter Blue
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.52:1
- Contrast with black: 8.32:1

## Tints

#45aeda, #5db6de, #72bfe2, #85c7e6, #97cfea, #a9d7ee, #bbdff1, #cce7f5, #ddeff8, #eef7fc

## Shades

#45aeda, #3b97bd, #3180a2, #276a87, #1e556c, #154154, #0c2e3c, #051c25, #020b11, #000102

## Tones

#45aeda, #53add4, #5faccf, #6aabc9, #73aac4, #7ca8be, #84a7b8, #8ca6b2, #93a4ad, #9aa2a7

## Harmonies

- Complementary: #45aeda, #da8b5e
- Split: #45aeda, #df8384, #c79845
- Analogous: #45aeda, #23b6bc, #75a2e8
- Triadic: #45aeda, #d682ac, #a6a74c
- Tetradic: #45aeda, #9f94e4, #da8b5e, #a6a74c
- Square: #45aeda, #c089ce, #da8b5e, #7bb26c
- Monochromatic: #45aeda, #00648d, #0a88b3, #6fd5ff, #c7f6ff

## Questions about #45aeda

### What color is #45aeda?

#45aeda is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(69, 174, 218), in HSL hsl(197.72, 66.82%, 56.27%) and in OKLCH oklch(70.837% 0.11446 229.4).

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

The complementary color of #45aeda is #da8b5e. For a calmer combination use the analogous colors #23b6bc and #75a2e8. The triadic partners are #d682ac and #a6a74c.

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

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

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

#45aeda is a cool color. In OKLCH its hue is 229 degrees, its lightness 70.8% and its chroma 0.114.