# #2c548e color: Flashy Sapphire

#2c548e is rgb(44, 84, 142) in RGB and oklch(44.69% 0.1058 257.799) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2c548e |
| RGB | rgb(44, 84, 142) |
| HSL | hsl(215.51, 52.69%, 36.47%) |
| HSB / HSV | hsv(215.51 69.01% 55.69%) |
| HWB | hwb(215.51 17.25% 44.31%) |
| CMYK | cmyk(69% 41% 0% 44%) |
| Lab | lab(35.11 1.18 -37.01) |
| LCH | lch(35.11 37.03 271.82) |
| OKLab | oklab(44.69% -0.02236 -0.10342) |
| OKLCH | oklch(44.69% 0.1058 257.799) |
| Display P3 | color(display-p3 0.21045 0.32558 0.54019) |
| Rec. 2020 | color(rec2020 0.20288 0.26579 0.4903) |
| Adobe RGB | color(a98-rgb 0.2398 0.33229 0.54483) |
| ProPhoto RGB | color(prophoto-rgb 0.24688 0.25842 0.45773) |
| Linear sRGB | color(srgb-linear 0.02519 0.08866 0.2705) |
| XYZ D65 | color(xyz-d65 0.09091 0.08829 0.26817) |
| XYZ D50 | color(xyz-d50 0.08383 0.08556 0.20212) |
| SwiftUI | Color(red: 0.173, green: 0.329, blue: 0.557) |
| UIKit | UIColor(red: 0.173, green: 0.329, blue: 0.557, alpha: 1) |
| Flutter / Compose | Color(0xFF2C548E) |
| Android XML | #2C548E |

## 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.59:1
- Contrast with black: 2.77:1

## Tints

#2c548e, #40649a, #5475a5, #6885b1, #7c96bc, #91a7c7, #a7b8d3, #bccade, #d2dbe9, #e8edf4

## Shades

#2c548e, #25487b, #1e3c68, #173156, #112644, #0a1b34, #051124, #020815, #010207, #000001

## Tones

#2c548e, #315488, #355583, #3a557d, #3e5578, #425572, #46556c, #4a5566, #4d5560, #51555a

## Harmonies

- Complementary: #2c548e, #744b00
- Split: #2c548e, #823f17, #5b5800
- Analogous: #2c548e, #005e82, #52498b
- Triadic: #2c548e, #85383e, #356222
- Tetradic: #2c548e, #6c3f7a, #744b00, #356222
- Square: #2c548e, #7d395f, #744b00, #006649
- Monochromatic: #2c548e, #001146, #0a3269, #4d77b4, #709cdb

## Questions about #2c548e

### What color is #2c548e?

#2c548e is soft dark blue. The closest named color is Flashy Sapphire. In RGB it is rgb(44, 84, 142), in HSL hsl(215.51, 52.69%, 36.47%) and in OKLCH oklch(44.69% 0.1058 257.799).

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

The complementary color of #2c548e is #744b00. For a calmer combination use the analogous colors #005e82 and #52498b. The triadic partners are #85383e and #356222.

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

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

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

#2c548e is a cool color. In OKLCH its hue is 258 degrees, its lightness 44.7% and its chroma 0.106.