# #3886bc color: Pat-A-Pep

#3886bc is rgb(56, 134, 188) in RGB and oklch(59.608% 0.11216 242.334) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3886bc

## Formats

| Format | Value |
| --- | --- |
| HEX | #3886bc |
| RGB | rgb(56, 134, 188) |
| HSL | hsl(204.55, 54.1%, 47.84%) |
| HSB / HSV | hsv(204.55 70.21% 73.73%) |
| HWB | hwb(204.55 21.96% 26.27%) |
| CMYK | cmyk(70% 29% 0% 26%) |
| Lab | lab(52.97 -10.99 -35.92) |
| LCH | lch(52.97 37.56 252.98) |
| OKLab | oklab(59.608% -0.05208 -0.09933) |
| OKLCH | oklch(59.608% 0.11216 242.334) |
| Display P3 | color(display-p3 0.30323 0.51874 0.7192) |
| Rec. 2020 | color(rec2020 0.33209 0.46551 0.68484) |
| Adobe RGB | color(a98-rgb 0.34485 0.52102 0.72433) |
| ProPhoto RGB | color(prophoto-rgb 0.37406 0.438 0.65269) |
| Linear sRGB | color(srgb-linear 0.03955 0.2384 0.50289) |
| XYZ D65 | color(xyz-d65 0.19232 0.21521 0.50719) |
| XYZ D50 | color(xyz-d50 0.18102 0.21019 0.38281) |
| SwiftUI | Color(red: 0.22, green: 0.525, blue: 0.737) |
| UIKit | UIColor(red: 0.22, green: 0.525, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF3886BC) |
| Android XML | #3886BC |

## Facts

- Closest name: Pat-A-Pep
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.96:1
- Contrast with black: 5.3:1

## Tints

#3886bc, #4f92c3, #649eca, #77aad1, #8bb6d8, #9ec2df, #b1cee5, #c5daec, #d8e7f2, #ebf3f9

## Shades

#3886bc, #2f74a3, #27628b, #1f5173, #17405d, #0f3047, #082132, #04131f, #01060d, #000102

## Tones

#3886bc, #4286b6, #4b85b0, #5385aa, #5b84a4, #61849e, #688398, #6e8292, #74818c, #798085

## Harmonies

- Complementary: #3886bc, #ae6e2f
- Split: #3886bc, #b86453, #977c1d
- Analogous: #3886bc, #0090a6, #687ac2
- Triadic: #3886bc, #b56079, #738937
- Tetradic: #3886bc, #8c6eb6, #ae6e2f, #738937
- Square: #3886bc, #a6659c, #ae6e2f, #43925d
- Monochromatic: #3886bc, #004071, #046296, #5fabe4, #85d2ff

## Questions about #3886bc

### What color is #3886bc?

#3886bc is bright sky blue. The closest named color is Pat-A-Pep. In RGB it is rgb(56, 134, 188), in HSL hsl(204.55, 54.1%, 47.84%) and in OKLCH oklch(59.608% 0.11216 242.334).

### What colors go well with #3886bc?

The complementary color of #3886bc is #ae6e2f. For a calmer combination use the analogous colors #0090a6 and #687ac2. The triadic partners are #b56079 and #738937.

### Is white or black text more readable on #3886bc?

White text reads better on #3886bc: white gives a contrast ratio of 3.96:1 and black gives 5.3:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3886bc a warm or cool color?

#3886bc is a cool color. In OKLCH its hue is 242 degrees, its lightness 59.6% and its chroma 0.112.