# #3facd6 color: Highlighter Blue

#3facd6 is rgb(63, 172, 214) in RGB and oklch(70.018% 0.11451 227.694) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3facd6 |
| RGB | rgb(63, 172, 214) |
| HSL | hsl(196.69, 64.81%, 54.31%) |
| HSB / HSV | hsv(196.69 70.56% 83.92%) |
| HWB | hwb(196.69 24.71% 16.08%) |
| CMYK | cmyk(71% 20% 0% 16%) |
| Lab | lab(65.56 -21.73 -30.96) |
| LCH | lch(65.56 37.82 234.94) |
| OKLab | oklab(70.018% -0.07708 -0.08469) |
| OKLCH | oklch(70.018% 0.11451 227.694) |
| Display P3 | color(display-p3 0.37206 0.66556 0.82268) |
| Rec. 2020 | color(rec2020 0.42889 0.62066 0.79958) |
| Adobe RGB | color(a98-rgb 0.42595 0.66858 0.82883) |
| ProPhoto RGB | color(prophoto-rgb 0.47013 0.58773 0.77453) |
| Linear sRGB | color(srgb-linear 0.04971 0.41254 0.67244) |
| XYZ D65 | color(xyz-d65 0.28938 0.35415 0.68931) |
| XYZ D50 | color(xyz-d50 0.27678 0.34757 0.52093) |
| SwiftUI | Color(red: 0.247, green: 0.675, blue: 0.839) |
| UIKit | UIColor(red: 0.247, green: 0.675, blue: 0.839, alpha: 1) |
| Flutter / Compose | Color(0xFF3FACD6) |
| Android XML | #3FACD6 |

## 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.6:1
- Contrast with black: 8.08:1

## Tints

#3facd6, #58b4da, #6ebddf, #82c5e3, #95cee7, #a7d6eb, #b9def0, #cbe6f3, #dceff7, #eef7fb

## Shades

#3facd6, #3595ba, #2c7f9e, #236984, #1b546a, #124052, #0a2d3b, #041b25, #010b10, #000102

## Tones

#3facd6, #4eabd1, #5baacb, #66a9c6, #70a7c0, #79a6bb, #81a5b5, #89a3af, #90a2aa, #97a0a4

## Harmonies

- Complementary: #3facd6, #d8875d
- Split: #3facd6, #dc8084, #c69543
- Analogous: #3facd6, #1db4b8, #70a0e5
- Triadic: #3facd6, #d280ab, #a6a348
- Tetradic: #3facd6, #9b93e2, #d8875d, #a6a348
- Square: #3facd6, #bc87cd, #d8875d, #7baf68
- Monochromatic: #3facd6, #006288, #0087af, #6ad3fe, #bff5ff

## Questions about #3facd6

### What color is #3facd6?

#3facd6 is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(63, 172, 214), in HSL hsl(196.69, 64.81%, 54.31%) and in OKLCH oklch(70.018% 0.11451 227.694).

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

The complementary color of #3facd6 is #d8875d. For a calmer combination use the analogous colors #1db4b8 and #70a0e5. The triadic partners are #d280ab and #a6a348.

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

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

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

#3facd6 is a cool color. In OKLCH its hue is 228 degrees, its lightness 70% and its chroma 0.115.