# #2a487e color: Coastal Surf

#2a487e is rgb(42, 72, 126) in RGB and oklch(40.716% 0.09784 261.226) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2a487e |
| RGB | rgb(42, 72, 126) |
| HSL | hsl(218.57, 50%, 32.94%) |
| HSB / HSV | hsv(218.57 66.67% 49.41%) |
| HWB | hwb(218.57 16.47% 50.59%) |
| CMYK | cmyk(67% 43% 0% 51%) |
| Lab | lab(30.46 3.12 -34.59) |
| LCH | lch(30.46 34.73 275.16) |
| OKLab | oklab(40.716% -0.01492 -0.0967) |
| OKLCH | oklch(40.716% 0.09784 261.226) |
| Display P3 | color(display-p3 0.1916 0.27934 0.47893) |
| Rec. 2020 | color(rec2020 0.17274 0.21879 0.42497) |
| Adobe RGB | color(a98-rgb 0.21781 0.28815 0.48399) |
| ProPhoto RGB | color(prophoto-rgb 0.21522 0.21858 0.39582) |
| Linear sRGB | color(srgb-linear 0.02315 0.0648 0.20864) |
| XYZ D65 | color(xyz-d65 0.07038 0.06633 0.20649) |
| XYZ D50 | color(xyz-d50 0.06491 0.06426 0.1556) |
| SwiftUI | Color(red: 0.165, green: 0.282, blue: 0.494) |
| UIKit | UIColor(red: 0.165, green: 0.282, blue: 0.494, alpha: 1) |
| Flutter / Compose | Color(0xFF2A487E) |
| Android XML | #2A487E |

## Facts

- Closest name: Coastal Surf
- Hue family: Blue, soft dark blue
- Closest Tailwind class: sky-900
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 9.03:1
- Contrast with black: 2.33:1

## Tints

#2a487e, #3d598b, #516b98, #657ca5, #7a8eb2, #8fa0bf, #a4b3cc, #bac5d8, #d1d8e5, #e8ecf2

## Shades

#2a487e, #233d6d, #1c335c, #16294c, #101f3c, #0a162d, #050d1f, #020611, #010205, #000001

## Tones

#2a487e, #2e4979, #314974, #34496f, #374a6a, #3b4a64, #3e4a5f, #414a5a, #444a55, #474a4f

## Harmonies

- Complementary: #2a487e, #644200
- Split: #2a487e, #72370c, #4c4e00
- Analogous: #2a487e, #005175, #4b3e7a
- Triadic: #2a487e, #763032, #275621
- Tetradic: #2a487e, #613669, #644200, #275621
- Square: #2a487e, #703050, #644200, #005a43
- Monochromatic: #2a487e, #000638, #0b275a, #4a6aa3, #6c8eca

## Questions about #2a487e

### What color is #2a487e?

#2a487e is soft dark blue. The closest named color is Coastal Surf. In RGB it is rgb(42, 72, 126), in HSL hsl(218.57, 50%, 32.94%) and in OKLCH oklch(40.716% 0.09784 261.226).

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

The complementary color of #2a487e is #644200. For a calmer combination use the analogous colors #005175 and #4b3e7a. The triadic partners are #763032 and #275621.

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

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

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

#2a487e is a cool color. In OKLCH its hue is 261 degrees, its lightness 40.7% and its chroma 0.098.