# #306f85 color: Tlāloc Blue

#306f85 is rgb(48, 111, 133) in RGB and oklch(51.007% 0.07276 224.008) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/306f85

## Formats

| Format | Value |
| --- | --- |
| HEX | #306f85 |
| RGB | rgb(48, 111, 133) |
| HSL | hsl(195.53, 46.96%, 35.49%) |
| HSB / HSV | hsv(195.53 63.91% 52.16%) |
| HWB | hwb(195.53 18.82% 47.84%) |
| CMYK | cmyk(64% 17% 0% 48%) |
| Lab | lab(43.47 -15.57 -18.6) |
| LCH | lch(43.47 24.26 230.07) |
| OKLab | oklab(51.007% -0.05233 -0.05055) |
| OKLCH | oklch(51.007% 0.07276 224.008) |
| Display P3 | color(display-p3 0.2541 0.42973 0.51227) |
| Rec. 2020 | color(rec2020 0.25555 0.37005 0.462) |
| Adobe RGB | color(a98-rgb 0.2914 0.43333 0.51405) |
| ProPhoto RGB | color(prophoto-rgb 0.27995 0.34643 0.43359) |
| Linear sRGB | color(srgb-linear 0.02956 0.15896 0.23455) |
| XYZ D65 | color(xyz-d65 0.11136 0.1369 0.24247) |
| XYZ D50 | color(xyz-d50 0.10767 0.13475 0.18334) |
| SwiftUI | Color(red: 0.188, green: 0.435, blue: 0.522) |
| UIKit | UIColor(red: 0.188, green: 0.435, blue: 0.522, alpha: 1) |
| Flutter / Compose | Color(0xFF306F85) |
| Android XML | #306F85 |

## Facts

- Closest name: Tlāloc Blue
- Hue family: Sky blue, dusty sky blue
- Closest Tailwind class: cyan-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.62:1
- Contrast with black: 3.74:1

## Tints

#306f85, #467d91, #5b8b9d, #6f99a9, #83a7b5, #98b5c1, #acc4cd, #c0d2d9, #d5e1e6, #eaf0f2

## Shades

#306f85, #286073, #215161, #1a4250, #133440, #0c2730, #061a21, #030e13, #010406, #000101

## Tones

#306f85, #386e82, #3f6d7f, #456d7c, #4a6c79, #506b76, #546a73, #59696f, #5e686c, #626769

## Harmonies

- Complementary: #306f85, #895843
- Split: #306f85, #8b5459, #7f6034
- Analogous: #306f85, #287372, #48688f
- Triadic: #306f85, #845570, #6d6834
- Tetradic: #306f85, #61608f, #895843, #6d6834
- Square: #306f85, #755983, #895843, #556f44
- Monochromatic: #306f85, #002d40, #014d62, #5593aa, #7ab8d0

## Questions about #306f85

### What color is #306f85?

#306f85 is dusty sky blue. The closest named color is Tlāloc Blue. In RGB it is rgb(48, 111, 133), in HSL hsl(195.53, 46.96%, 35.49%) and in OKLCH oklch(51.007% 0.07276 224.008).

### What colors go well with #306f85?

The complementary color of #306f85 is #895843. For a calmer combination use the analogous colors #287372 and #48688f. The triadic partners are #845570 and #6d6834.

### Is white or black text more readable on #306f85?

White text reads better on #306f85: white gives a contrast ratio of 5.62:1 and black gives 3.74:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #306f85 a warm or cool color?

#306f85 is a cool color. In OKLCH its hue is 224 degrees, its lightness 51% and its chroma 0.073.