# #4c5c8a color: Gem

#4c5c8a is rgb(76, 92, 138) in RGB and oklch(48.185% 0.07707 268.783) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/4c5c8a

## Formats

| Format | Value |
| --- | --- |
| HEX | #4c5c8a |
| RGB | rgb(76, 92, 138) |
| HSL | hsl(224.52, 28.97%, 41.96%) |
| HSB / HSV | hsv(224.52 44.93% 54.12%) |
| HWB | hwb(224.52 29.8% 45.88%) |
| CMYK | cmyk(45% 33% 0% 46%) |
| Lab | lab(39.28 3.56 -27.9) |
| LCH | lch(39.28 28.13 277.28) |
| OKLab | oklab(48.185% -0.00164 -0.07706) |
| OKLCH | oklch(48.185% 0.07707 268.783) |
| Display P3 | color(display-p3 0.3103 0.35891 0.52751) |
| Rec. 2020 | color(rec2020 0.27563 0.30161 0.47715) |
| Adobe RGB | color(a98-rgb 0.32101 0.36199 0.53055) |
| ProPhoto RGB | color(prophoto-rgb 0.29237 0.29004 0.44599) |
| Linear sRGB | color(srgb-linear 0.07227 0.10702 0.25415) |
| XYZ D65 | color(xyz-d65 0.11394 0.11026 0.25573) |
| XYZ D50 | color(xyz-d50 0.1091 0.10821 0.19289) |
| SwiftUI | Color(red: 0.298, green: 0.361, blue: 0.541) |
| UIKit | UIColor(red: 0.298, green: 0.361, blue: 0.541, alpha: 1) |
| Flutter / Compose | Color(0xFF4C5C8A) |
| Android XML | #4C5C8A |

## Facts

- Closest name: Gem
- Hue family: Blue, dusty dark blue
- Closest Tailwind class: slate-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.55:1
- Contrast with black: 3.21:1

## Tints

#4c5c8a, #5c6b96, #6d7ba1, #7e8bad, #8f9ab9, #a1abc4, #b3bbd0, #c6ccdc, #d8dde7, #eceef3

## Shades

#4c5c8a, #414f77, #364265, #2c3653, #222a42, #181f32, #0f1422, #060a14, #020307, #000001

## Tones

#4c5c8a, #4e5c86, #505d81, #515d7d, #535d79, #555e74, #575e70, #595e6c, #5a5e67, #5c5e63

## Harmonies

- Complementary: #4c5c8a, #705c25
- Split: #4c5c8a, #7e532f, #5a642f
- Analogous: #4c5c8a, #306485, #645484
- Triadic: #4c5c8a, #844d45, #3d6a46
- Tetradic: #4c5c8a, #764e74, #705c25, #3d6a46
- Square: #4c5c8a, #814b5d, #705c25, #1f6c5f
- Monochromatic: #4c5c8a, #111c44, #2d3b66, #6e7faf, #91a4d6

## Questions about #4c5c8a

### What color is #4c5c8a?

#4c5c8a is dusty dark blue. The closest named color is Gem. In RGB it is rgb(76, 92, 138), in HSL hsl(224.52, 28.97%, 41.96%) and in OKLCH oklch(48.185% 0.07707 268.783).

### What colors go well with #4c5c8a?

The complementary color of #4c5c8a is #705c25. For a calmer combination use the analogous colors #306485 and #645484. The triadic partners are #844d45 and #3d6a46.

### Is white or black text more readable on #4c5c8a?

White text reads better on #4c5c8a: white gives a contrast ratio of 6.55:1 and black gives 3.21:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #4c5c8a a warm or cool color?

#4c5c8a is a cool color. In OKLCH its hue is 269 degrees, its lightness 48.2% and its chroma 0.077.