# #309ca4 color: Empress Envy

#309ca4 is rgb(48, 156, 164) in RGB and oklch(63.667% 0.09512 202.289) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/309ca4

## Formats

| Format | Value |
| --- | --- |
| HEX | #309ca4 |
| RGB | rgb(48, 156, 164) |
| HSL | hsl(184.14, 54.72%, 41.57%) |
| HSB / HSV | hsv(184.14 70.73% 64.31%) |
| HWB | hwb(184.14 18.82% 35.69%) |
| CMYK | cmyk(71% 5% 0% 36%) |
| Lab | lab(58.73 -29.13 -13.54) |
| LCH | lch(58.73 32.12 204.94) |
| OKLab | oklab(63.667% -0.08801 -0.03608) |
| OKLCH | oklch(63.667% 0.09512 202.289) |
| Display P3 | color(display-p3 0.31962 0.60329 0.63632) |
| Rec. 2020 | color(rec2020 0.36044 0.55152 0.59678) |
| Adobe RGB | color(a98-rgb 0.37526 0.60608 0.63601) |
| ProPhoto RGB | color(prophoto-rgb 0.38283 0.51583 0.56769) |
| Linear sRGB | color(srgb-linear 0.02956 0.33245 0.37124) |
| XYZ D65 | color(xyz-d65 0.19807 0.27084 0.39307) |
| XYZ D50 | color(xyz-d50 0.19405 0.26741 0.29779) |
| SwiftUI | Color(red: 0.188, green: 0.612, blue: 0.643) |
| UIKit | UIColor(red: 0.188, green: 0.612, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF309CA4) |
| Android XML | #309CA4 |

## Facts

- Closest name: Empress Envy
- Hue family: Cyan, bright cyan
- Closest Tailwind class: teal-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.27:1
- Contrast with black: 6.42:1

## Tints

#309ca4, #4ca6ad, #63b0b6, #79babf, #8dc3c8, #a0cdd1, #b3d7da, #c6e1e3, #d9ebec, #ecf5f6

## Shades

#309ca4, #28878e, #217379, #1a5f64, #134c50, #0c393d, #06282b, #03181a, #01090a, #000101

## Tones

#309ca4, #409ba2, #4c999f, #57979d, #60969a, #699498, #709295, #789193, #7e8f90, #858d8e

## Harmonies

- Complementary: #309ca4, #be7371
- Split: #309ca4, #b87291, #b97a53
- Analogous: #309ca4, #439e85, #4795bb
- Triadic: #309ca4, #a777ad, #a88542
- Tetradic: #309ca4, #6c8bc5, #be7371, #a88542
- Square: #309ca4, #8d80c0, #be7371, #8c914a
- Monochromatic: #309ca4, #00545b, #00777f, #5cc2ca, #85e9f1

## Questions about #309ca4

### What color is #309ca4?

#309ca4 is bright cyan. The closest named color is Empress Envy. In RGB it is rgb(48, 156, 164), in HSL hsl(184.14, 54.72%, 41.57%) and in OKLCH oklch(63.667% 0.09512 202.289).

### What colors go well with #309ca4?

The complementary color of #309ca4 is #be7371. For a calmer combination use the analogous colors #439e85 and #4795bb. The triadic partners are #a777ad and #a88542.

### Is white or black text more readable on #309ca4?

Black text reads better on #309ca4: white gives a contrast ratio of 3.27:1 and black gives 6.42:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #309ca4 a warm or cool color?

#309ca4 is a cool color. In OKLCH its hue is 202 degrees, its lightness 63.7% and its chroma 0.095.