# #3aaddf color: Highlighter Blue

#3aaddf is rgb(58, 173, 223) in RGB and oklch(70.531% 0.12368 231.356) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3aaddf |
| RGB | rgb(58, 173, 223) |
| HSL | hsl(198.18, 72.05%, 55.1%) |
| HSB / HSV | hsv(198.18 73.99% 87.45%) |
| HWB | hwb(198.18 22.75% 12.55%) |
| CMYK | cmyk(74% 22% 0% 13%) |
| Lab | lab(66.04 -20.56 -35.16) |
| LCH | lch(66.04 40.73 239.68) |
| OKLab | oklab(70.531% -0.07724 -0.0966) |
| OKLCH | oklch(70.531% 0.12368 231.356) |
| Display P3 | color(display-p3 0.36395 0.66923 0.85585) |
| Rec. 2020 | color(rec2020 0.42883 0.62491 0.83599) |
| Adobe RGB | color(a98-rgb 0.42116 0.6725 0.86382) |
| ProPhoto RGB | color(prophoto-rgb 0.47725 0.59263 0.81274) |
| Linear sRGB | color(srgb-linear 0.04231 0.41789 0.73791) |
| XYZ D65 | color(xyz-d65 0.30006 0.36113 0.75204) |
| XYZ D50 | color(xyz-d50 0.28498 0.35372 0.5681) |
| SwiftUI | Color(red: 0.227, green: 0.678, blue: 0.875) |
| UIKit | UIColor(red: 0.227, green: 0.678, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF3AADDF) |
| Android XML | #3AADDF |

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

## Tints

#3aaddf, #55b5e3, #6cbee6, #80c6ea, #93ceed, #a6d7f0, #b8dff3, #cae7f6, #dceff9, #edf7fc

## Shades

#3aaddf, #3196c2, #287fa5, #206a8a, #18556f, #104156, #092d3d, #041b27, #010b12, #000102

## Tones

#3aaddf, #4bacd9, #59abd3, #64aacd, #6fa9c6, #78a8c0, #81a6ba, #89a5b3, #91a3ad, #99a2a6

## Harmonies

- Complementary: #3aaddf, #dc8854
- Split: #3aaddf, #e37f7e, #c79738
- Analogous: #3aaddf, #00b6c0, #74a0ed
- Triadic: #3aaddf, #da7ea9, #a3a742
- Tetradic: #3aaddf, #a191e7, #dc8854, #a3a742
- Square: #3aaddf, #c385ce, #dc8854, #72b369
- Monochromatic: #3aaddf, #00638f, #0087b8, #66d4ff, #c7f5ff

## Questions about #3aaddf

### What color is #3aaddf?

#3aaddf is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(58, 173, 223), in HSL hsl(198.18, 72.05%, 55.1%) and in OKLCH oklch(70.531% 0.12368 231.356).

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

The complementary color of #3aaddf is #dc8854. For a calmer combination use the analogous colors #00b6c0 and #74a0ed. The triadic partners are #da7ea9 and #a3a742.

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

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

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

#3aaddf is a cool color. In OKLCH its hue is 231 degrees, its lightness 70.5% and its chroma 0.124.