# #2d86ae color: Blue Splash

#2d86ae is rgb(45, 134, 174) in RGB and oklch(58.57% 0.10217 231.988) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2d86ae

## Formats

| Format | Value |
| --- | --- |
| HEX | #2d86ae |
| RGB | rgb(45, 134, 174) |
| HSL | hsl(198.6, 58.9%, 42.94%) |
| HSB / HSV | hsv(198.6 74.14% 68.24%) |
| HWB | hwb(198.6 17.65% 31.76%) |
| CMYK | cmyk(74% 23% 0% 32%) |
| Lab | lab(52.11 -16.64 -29.29) |
| LCH | lch(52.11 33.69 240.4) |
| OKLab | oklab(58.57% -0.06292 -0.0805) |
| OKLCH | oklch(58.57% 0.10217 231.988) |
| Display P3 | color(display-p3 0.2804 0.51828 0.66751) |
| Rec. 2020 | color(rec2020 0.31329 0.46346 0.62895) |
| Adobe RGB | color(a98-rgb 0.3289 0.52102 0.67087) |
| ProPhoto RGB | color(prophoto-rgb 0.35125 0.43417 0.59673) |
| Linear sRGB | color(srgb-linear 0.02624 0.2384 0.42327) |
| XYZ D65 | color(xyz-d65 0.17246 0.20663 0.43125) |
| XYZ D50 | color(xyz-d50 0.16382 0.2024 0.32576) |
| SwiftUI | Color(red: 0.176, green: 0.525, blue: 0.682) |
| UIKit | UIColor(red: 0.176, green: 0.525, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF2D86AE) |
| Android XML | #2D86AE |

## Facts

- Closest name: Blue Splash
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.09:1
- Contrast with black: 5.13:1

## Tints

#2d86ae, #4792b6, #5e9ebf, #73aac7, #87b6cf, #9bc2d7, #afcedf, #c3dae7, #d7e6ef, #ebf3f7

## Shades

#2d86ae, #267497, #1f6280, #18516a, #114055, #0b3041, #06212e, #02131c, #01060b, #000101

## Tones

#2d86ae, #3a85a9, #4485a4, #4d849f, #56839a, #5d8295, #648190, #6a808b, #707e86, #767d81

## Harmonies

- Complementary: #2d86ae, #ab693f
- Split: #2d86ae, #b16260, #9a752a
- Analogous: #2d86ae, #008d96, #5a7bb9
- Triadic: #2d86ae, #aa6182, #7e8233
- Tetradic: #2d86ae, #7d70b4, #ab693f, #7e8233
- Square: #2d86ae, #9867a0, #ab693f, #578b52
- Monochromatic: #2d86ae, #004061, #006289, #56abd5, #7dd2fd

## Questions about #2d86ae

### What color is #2d86ae?

#2d86ae is bright sky blue. The closest named color is Blue Splash. In RGB it is rgb(45, 134, 174), in HSL hsl(198.6, 58.9%, 42.94%) and in OKLCH oklch(58.57% 0.10217 231.988).

### What colors go well with #2d86ae?

The complementary color of #2d86ae is #ab693f. For a calmer combination use the analogous colors #008d96 and #5a7bb9. The triadic partners are #aa6182 and #7e8233.

### Is white or black text more readable on #2d86ae?

White text reads better on #2d86ae: white gives a contrast ratio of 4.09:1 and black gives 5.13:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2d86ae a warm or cool color?

#2d86ae is a cool color. In OKLCH its hue is 232 degrees, its lightness 58.6% and its chroma 0.102.