# #2a87ae color: Blue Splash

#2a87ae is rgb(42, 135, 174) in RGB and oklch(58.736% 0.1029 230.571) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2a87ae |
| RGB | rgb(42, 135, 174) |
| HSL | hsl(197.73, 61.11%, 42.35%) |
| HSB / HSV | hsv(197.73 75.86% 68.24%) |
| HWB | hwb(197.73 16.47% 31.76%) |
| CMYK | cmyk(76% 22% 0% 32%) |
| Lab | lab(52.34 -17.57 -28.94) |
| LCH | lch(52.34 33.86 238.74) |
| OKLab | oklab(58.736% -0.06535 -0.07948) |
| OKLCH | oklch(58.736% 0.1029 230.571) |
| Display P3 | color(display-p3 0.27632 0.52204 0.66768) |
| Rec. 2020 | color(rec2020 0.31221 0.46721 0.62919) |
| Adobe RGB | color(a98-rgb 0.32699 0.52486 0.67098) |
| ProPhoto RGB | color(prophoto-rgb 0.3508 0.4375 0.59707) |
| Linear sRGB | color(srgb-linear 0.02315 0.24228 0.42327) |
| XYZ D65 | color(xyz-d65 0.17258 0.20875 0.43166) |
| XYZ D50 | color(xyz-d50 0.16397 0.2045 0.3261) |
| SwiftUI | Color(red: 0.165, green: 0.529, blue: 0.682) |
| UIKit | UIColor(red: 0.165, green: 0.529, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF2A87AE) |
| Android XML | #2A87AE |

## 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.06:1
- Contrast with black: 5.18:1

## Tints

#2a87ae, #4693b6, #5d9fbf, #72abc7, #86b7cf, #9bc2d7, #afcedf, #c3dbe7, #d7e7ef, #ebf3f7

## Shades

#2a87ae, #237597, #1c6380, #16516a, #104155, #0a3141, #05212e, #02131c, #01060b, #000101

## Tones

#2a87ae, #3886a9, #4385a4, #4d859f, #55849b, #5d8396, #648191, #6a808c, #717f87, #777e81

## Harmonies

- Complementary: #2a87ae, #ad6941
- Split: #2a87ae, #b16262, #9c752a
- Analogous: #2a87ae, #008e95, #587cb9
- Triadic: #2a87ae, #aa6284, #808231
- Tetradic: #2a87ae, #7c71b5, #ad6941, #808231
- Square: #2a87ae, #9867a2, #ad6941, #598b50
- Monochromatic: #2a87ae, #004161, #006389, #54acd5, #7cd3fd

## Questions about #2a87ae

### What color is #2a87ae?

#2a87ae is bright sky blue. The closest named color is Blue Splash. In RGB it is rgb(42, 135, 174), in HSL hsl(197.73, 61.11%, 42.35%) and in OKLCH oklch(58.736% 0.1029 230.571).

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

The complementary color of #2a87ae is #ad6941. For a calmer combination use the analogous colors #008e95 and #587cb9. The triadic partners are #aa6284 and #808231.

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

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

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

#2a87ae is a cool color. In OKLCH its hue is 231 degrees, its lightness 58.7% and its chroma 0.103.