# #3aaeda color: Highlighter Blue

#3aaeda is rgb(58, 174, 218) in RGB and oklch(70.536% 0.11911 227.832) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3aaeda |
| RGB | rgb(58, 174, 218) |
| HSL | hsl(196.5, 68.38%, 54.12%) |
| HSB / HSV | hsv(196.5 73.39% 85.49%) |
| HWB | hwb(196.5 22.75% 14.51%) |
| CMYK | cmyk(73% 20% 0% 15%) |
| Lab | lab(66.16 -22.35 -32.23) |
| LCH | lch(66.16 39.23 235.26) |
| OKLab | oklab(70.536% -0.07996 -0.08828) |
| OKLCH | oklch(70.536% 0.11911 227.832) |
| Display P3 | color(display-p3 0.36548 0.67309 0.83771) |
| Rec. 2020 | color(rec2020 0.42905 0.62864 0.81615) |
| Adobe RGB | color(a98-rgb 0.42312 0.67642 0.84455) |
| ProPhoto RGB | color(prophoto-rgb 0.47383 0.59572 0.79206) |
| Linear sRGB | color(srgb-linear 0.04231 0.42327 0.7011) |
| XYZ D65 | color(xyz-d65 0.29534 0.36232 0.71769) |
| XYZ D50 | color(xyz-d50 0.28179 0.35535 0.54234) |
| SwiftUI | Color(red: 0.227, green: 0.682, blue: 0.855) |
| UIKit | UIColor(red: 0.227, green: 0.682, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF3AAEDA) |
| Android XML | #3AAEDA |

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

## Tints

#3aaeda, #55b6de, #6cbfe2, #80c7e6, #94cfea, #a6d7ee, #b8dff1, #cae7f5, #dceff8, #edf7fc

## Shades

#3aaeda, #3197bd, #2880a2, #206a87, #18556c, #104154, #092e3c, #041c25, #010b11, #000102

## Tones

#3aaeda, #4badd4, #59accf, #65abc9, #6fa9c3, #79a8bd, #81a7b8, #8aa5b2, #91a3ac, #99a2a6

## Harmonies

- Complementary: #3aaeda, #dc885c
- Split: #3aaeda, #e08084, #c9963f
- Analogous: #3aaeda, #08b6bb, #70a1ea
- Triadic: #3aaeda, #d680ad, #a8a544
- Tetradic: #3aaeda, #9c94e6, #dc885c, #a8a544
- Square: #3aaeda, #bf88d0, #dc885c, #7ab267
- Monochromatic: #3aaeda, #00648b, #0088b3, #66d5ff, #c3f6ff

## Questions about #3aaeda

### What color is #3aaeda?

#3aaeda is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(58, 174, 218), in HSL hsl(196.5, 68.38%, 54.12%) and in OKLCH oklch(70.536% 0.11911 227.832).

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

The complementary color of #3aaeda is #dc885c. For a calmer combination use the analogous colors #08b6bb and #70a1ea. The triadic partners are #d680ad and #a8a544.

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

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

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

#3aaeda is a cool color. In OKLCH its hue is 228 degrees, its lightness 70.5% and its chroma 0.119.