# #3caed6 color: Highlighter Blue

#3caed6 is rgb(60, 174, 214) in RGB and oklch(70.409% 0.11522 225.684) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3caed6 |
| RGB | rgb(60, 174, 214) |
| HSL | hsl(195.58, 65.25%, 53.73%) |
| HSB / HSV | hsv(195.58 71.96% 83.92%) |
| HWB | hwb(195.58 23.53% 16.08%) |
| CMYK | cmyk(72% 19% 0% 16%) |
| Lab | lab(66.08 -23.11 -30.17) |
| LCH | lch(66.08 38 232.55) |
| OKLab | oklab(70.409% -0.08049 -0.08244) |
| OKLCH | oklch(70.409% 0.11522 225.684) |
| Display P3 | color(display-p3 0.36922 0.67316 0.82308) |
| Rec. 2020 | color(rec2020 0.42973 0.62853 0.80013) |
| Adobe RGB | color(a98-rgb 0.42573 0.67642 0.82908) |
| ProPhoto RGB | color(prophoto-rgb 0.4713 0.59528 0.77534) |
| Linear sRGB | color(srgb-linear 0.04519 0.42327 0.67244) |
| XYZ D65 | color(xyz-d65 0.29135 0.36086 0.6905) |
| XYZ D50 | color(xyz-d50 0.27894 0.35425 0.52191) |
| SwiftUI | Color(red: 0.235, green: 0.682, blue: 0.839) |
| UIKit | UIColor(red: 0.235, green: 0.682, blue: 0.839, alpha: 1) |
| Flutter / Compose | Color(0xFF3CAED6) |
| Android XML | #3CAED6 |

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

## Tints

#3caed6, #57b6da, #6dbfdf, #81c7e3, #94cfe7, #a7d7eb, #b9dfef, #cae7f3, #dceff7, #eef7fb

## Shades

#3caed6, #3397ba, #2a809e, #216a84, #19556a, #114152, #0a2e3b, #041c25, #010b10, #000102

## Tones

#3caed6, #4cadd1, #5aaccb, #65aac6, #70a9c1, #79a8bb, #81a6b6, #8aa5b0, #91a3ab, #99a1a5

## Harmonies

- Complementary: #3caed6, #db8860
- Split: #3caed6, #de8188, #c99545
- Analogous: #3caed6, #1eb5b7, #6ea2e6
- Triadic: #3caed6, #d381af, #aaa447
- Tetradic: #3caed6, #9995e4, #db8860, #aaa447
- Square: #3caed6, #bb89d0, #db8860, #7fb066
- Monochromatic: #3caed6, #006488, #0088af, #68d5fe, #c0f6ff

## Questions about #3caed6

### What color is #3caed6?

#3caed6 is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(60, 174, 214), in HSL hsl(195.58, 65.25%, 53.73%) and in OKLCH oklch(70.409% 0.11522 225.684).

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

The complementary color of #3caed6 is #db8860. For a calmer combination use the analogous colors #1eb5b7 and #6ea2e6. The triadic partners are #d381af and #aaa447.

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

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

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

#3caed6 is a cool color. In OKLCH its hue is 226 degrees, its lightness 70.4% and its chroma 0.115.