# #3caedd color: Highlighter Blue

#3caedd is rgb(60, 174, 221) in RGB and oklch(70.723% 0.12079 229.799) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3caedd |
| RGB | rgb(60, 174, 221) |
| HSL | hsl(197.52, 70.31%, 55.1%) |
| HSB / HSV | hsv(197.52 72.85% 86.67%) |
| HWB | hwb(197.52 23.53% 13.33%) |
| CMYK | cmyk(73% 21% 0% 13%) |
| Lab | lab(66.31 -21.29 -33.64) |
| LCH | lch(66.31 39.81 237.67) |
| OKLab | oklab(70.723% -0.07797 -0.09226) |
| OKLCH | oklch(70.723% 0.12079 229.799) |
| Display P3 | color(display-p3 0.36922 0.67316 0.84875) |
| Rec. 2020 | color(rec2020 0.43237 0.629 0.82825) |
| Adobe RGB | color(a98-rgb 0.42573 0.67642 0.85618) |
| ProPhoto RGB | color(prophoto-rgb 0.47847 0.59648 0.80473) |
| Linear sRGB | color(srgb-linear 0.04519 0.42327 0.72306) |
| XYZ D65 | color(xyz-d65 0.30049 0.36452 0.73861) |
| XYZ D50 | color(xyz-d50 0.28618 0.35732 0.55805) |
| SwiftUI | Color(red: 0.235, green: 0.682, blue: 0.867) |
| UIKit | UIColor(red: 0.235, green: 0.682, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF3CAEDD) |
| Android XML | #3CAEDD |

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

## Tints

#3caedd, #57b6e1, #6dbfe5, #81c7e8, #94cfec, #a7d7ef, #b9dff3, #cbe7f6, #dceff9, #eef7fc

## Shades

#3caedd, #3397c0, #2a80a4, #216a88, #19556e, #114155, #0a2e3d, #041c26, #010b11, #000102

## Tones

#3caedd, #4dadd7, #5aacd1, #66abcb, #70aac5, #79a8bf, #82a7b9, #8aa5b3, #92a4ad, #99a2a7

## Harmonies

- Complementary: #3caedd, #dd8959
- Split: #3caedd, #e28081, #c8973d
- Analogous: #3caedd, #00b7be, #73a1ec
- Triadic: #3caedd, #d980ab, #a6a745
- Tetradic: #3caedd, #a093e7, #dd8959, #a6a745
- Square: #3caedd, #c287d0, #dd8959, #77b369
- Monochromatic: #3caedd, #00648e, #0088b6, #68d5ff, #c7f6ff

## Questions about #3caedd

### What color is #3caedd?

#3caedd is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(60, 174, 221), in HSL hsl(197.52, 70.31%, 55.1%) and in OKLCH oklch(70.723% 0.12079 229.799).

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

The complementary color of #3caedd is #dd8959. For a calmer combination use the analogous colors #00b7be and #73a1ec. The triadic partners are #d980ab and #a6a745.

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

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

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

#3caedd is a cool color. In OKLCH its hue is 230 degrees, its lightness 70.7% and its chroma 0.121.