# #2b558d color: Flashy Sapphire

#2b558d is rgb(43, 85, 141) in RGB and oklch(44.818% 0.10362 256.349) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2b558d |
| RGB | rgb(43, 85, 141) |
| HSL | hsl(214.29, 53.26%, 36.08%) |
| HSB / HSV | hsv(214.29 69.5% 55.29%) |
| HWB | hwb(214.29 16.86% 44.71%) |
| CMYK | cmyk(70% 40% 0% 45%) |
| Lab | lab(35.33 0.07 -36.07) |
| LCH | lch(35.33 36.07 270.11) |
| OKLab | oklab(44.818% -0.02446 -0.10069) |
| OKLCH | oklch(44.818% 0.10362 256.349) |
| Display P3 | color(display-p3 0.20906 0.32936 0.53662) |
| Rec. 2020 | color(rec2020 0.20263 0.26937 0.48654) |
| Adobe RGB | color(a98-rgb 0.23952 0.33599 0.54116) |
| ProPhoto RGB | color(prophoto-rgb 0.24619 0.26118 0.45425) |
| Linear sRGB | color(srgb-linear 0.02416 0.09084 0.26636) |
| XYZ D65 | color(xyz-d65 0.09052 0.08933 0.26447) |
| XYZ D50 | color(xyz-d50 0.08363 0.08664 0.19936) |
| SwiftUI | Color(red: 0.169, green: 0.333, blue: 0.553) |
| UIKit | UIColor(red: 0.169, green: 0.333, blue: 0.553, alpha: 1) |
| Flutter / Compose | Color(0xFF2B558D) |
| Android XML | #2B558D |

## Facts

- Closest name: Flashy Sapphire
- Hue family: Blue, soft dark blue
- Closest Tailwind class: sky-800
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.54:1
- Contrast with black: 2.79:1

## Tints

#2b558d, #3f6599, #5376a4, #6886b0, #7c97bb, #91a8c7, #a6b9d2, #bccadd, #d2dbe9, #e8edf4

## Shades

#2b558d, #24497a, #1d3d67, #163155, #102644, #0a1c33, #051123, #020814, #010207, #000001

## Tones

#2b558d, #305588, #355682, #39567d, #3e5677, #425671, #46566c, #4a5666, #4d5560, #51555b

## Harmonies

- Complementary: #2b558d, #754b00
- Split: #2b558d, #823f1c, #5d5800
- Analogous: #2b558d, #005f80, #514a8b
- Triadic: #2b558d, #843940, #386122
- Tetradic: #2b558d, #6b417b, #754b00, #386122
- Square: #2b558d, #7c3a60, #754b00, #006648
- Monochromatic: #2b558d, #001245, #073368, #4d78b3, #709dda

## Questions about #2b558d

### What color is #2b558d?

#2b558d is soft dark blue. The closest named color is Flashy Sapphire. In RGB it is rgb(43, 85, 141), in HSL hsl(214.29, 53.26%, 36.08%) and in OKLCH oklch(44.818% 0.10362 256.349).

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

The complementary color of #2b558d is #754b00. For a calmer combination use the analogous colors #005f80 and #514a8b. The triadic partners are #843940 and #386122.

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

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

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

#2b558d is a cool color. In OKLCH its hue is 256 degrees, its lightness 44.8% and its chroma 0.104.