# #3a86bc color: Pat-A-Pep

#3a86bc is rgb(58, 134, 188) in RGB and oklch(59.676% 0.1113 242.817) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3a86bc |
| RGB | rgb(58, 134, 188) |
| HSL | hsl(204.92, 52.85%, 48.24%) |
| HSB / HSV | hsv(204.92 69.15% 73.73%) |
| HWB | hwb(204.92 22.75% 26.27%) |
| CMYK | cmyk(69% 29% 0% 26%) |
| Lab | lab(53.04 -10.65 -35.8) |
| LCH | lch(53.04 37.36 253.43) |
| OKLab | oklab(59.676% -0.05085 -0.09901) |
| OKLCH | oklch(59.676% 0.1113 242.817) |
| Display P3 | color(display-p3 0.30773 0.51883 0.71923) |
| Rec. 2020 | color(rec2020 0.33478 0.46572 0.68488) |
| Adobe RGB | color(a98-rgb 0.34806 0.52102 0.72433) |
| ProPhoto RGB | color(prophoto-rgb 0.37584 0.4383 0.65272) |
| Linear sRGB | color(srgb-linear 0.04231 0.2384 0.50289) |
| XYZ D65 | color(xyz-d65 0.19346 0.2158 0.50724) |
| XYZ D50 | color(xyz-d50 0.18222 0.2108 0.38284) |
| SwiftUI | Color(red: 0.227, green: 0.525, blue: 0.737) |
| UIKit | UIColor(red: 0.227, green: 0.525, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF3A86BC) |
| Android XML | #3A86BC |

## 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.95:1
- Contrast with black: 5.32:1

## Tints

#3a86bc, #5092c3, #659eca, #78aad1, #8cb6d8, #9fc2df, #b2cee5, #c5daec, #d8e7f2, #ecf3f9

## Shades

#3a86bc, #3174a3, #28628b, #205173, #18405d, #103047, #092132, #04131f, #01060d, #000102

## Tones

#3a86bc, #4486b6, #4d85b0, #5485aa, #5b84a4, #62849e, #688398, #6e8292, #74818c, #7a8085

## Harmonies

- Complementary: #3a86bc, #ae6f30
- Split: #3a86bc, #b86453, #967d1f
- Analogous: #3a86bc, #0090a6, #697ac1
- Triadic: #3a86bc, #b56179, #738a38
- Tetradic: #3a86bc, #8d6eb6, #ae6f30, #738a38
- Square: #3a86bc, #a6659c, #ae6f30, #43925e
- Monochromatic: #3a86bc, #004071, #096296, #60abe4, #86d2ff

## Questions about #3a86bc

### What color is #3a86bc?

#3a86bc is bright sky blue. The closest named color is Pat-A-Pep. In RGB it is rgb(58, 134, 188), in HSL hsl(204.92, 52.85%, 48.24%) and in OKLCH oklch(59.676% 0.1113 242.817).

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

The complementary color of #3a86bc is #ae6f30. For a calmer combination use the analogous colors #0090a6 and #697ac1. The triadic partners are #b56179 and #738a38.

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

White text reads better on #3a86bc: white gives a contrast ratio of 3.95:1 and black gives 5.32:1. WCAG AA asks for at least 4.5:1 for body text.

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

#3a86bc is a cool color. In OKLCH its hue is 243 degrees, its lightness 59.7% and its chroma 0.111.