# #306d85 color: Tlāloc Blue

#306d85 is rgb(48, 109, 133) in RGB and oklch(50.5% 0.07312 226.827) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #306d85 |
| RGB | rgb(48, 109, 133) |
| HSL | hsl(196.94, 46.96%, 35.49%) |
| HSB / HSV | hsv(196.94 63.91% 52.16%) |
| HWB | hwb(196.94 18.82% 47.84%) |
| CMYK | cmyk(64% 18% 0% 48%) |
| Lab | lab(42.83 -14.54 -19.58) |
| LCH | lch(42.83 24.39 233.4) |
| OKLab | oklab(50.5% -0.05003 -0.05333) |
| OKLCH | oklch(50.5% 0.07312 226.827) |
| Display P3 | color(display-p3 0.25145 0.42203 0.51181) |
| Rec. 2020 | color(rec2020 0.25161 0.36221 0.46141) |
| Adobe RGB | color(a98-rgb 0.28795 0.42577 0.5138) |
| ProPhoto RGB | color(prophoto-rgb 0.27687 0.33954 0.43282) |
| Linear sRGB | color(srgb-linear 0.02956 0.15293 0.23455) |
| XYZ D65 | color(xyz-d65 0.1092 0.13259 0.24175) |
| XYZ D50 | color(xyz-d50 0.10535 0.13043 0.18275) |
| SwiftUI | Color(red: 0.188, green: 0.427, blue: 0.522) |
| UIKit | UIColor(red: 0.188, green: 0.427, blue: 0.522, alpha: 1) |
| Flutter / Compose | Color(0xFF306D85) |
| Android XML | #306D85 |

## 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.75:1
- Contrast with black: 3.65:1

## Tints

#306d85, #467b91, #5b899d, #6f97a9, #83a5b5, #97b4c1, #acc3cd, #c0d2d9, #d5e1e6, #eaf0f2

## Shades

#306d85, #285e73, #214f61, #1a4150, #133340, #0c2630, #061921, #030d13, #010406, #000101

## Tones

#306d85, #376c82, #3e6c7f, #446b7b, #496a78, #4f6975, #536872, #58676e, #5c676b, #606668

## Harmonies

- Complementary: #306d85, #875740
- Split: #306d85, #8a5356, #7c5f31
- Analogous: #306d85, #257173, #49668e
- Triadic: #306d85, #83536d, #696833
- Tetradic: #306d85, #625e8d, #875740, #696833
- Square: #306d85, #765781, #875740, #516e44
- Monochromatic: #306d85, #002b40, #024b62, #5591aa, #79b6d0

## Questions about #306d85

### What color is #306d85?

#306d85 is dusty sky blue. The closest named color is Tlāloc Blue. In RGB it is rgb(48, 109, 133), in HSL hsl(196.94, 46.96%, 35.49%) and in OKLCH oklch(50.5% 0.07312 226.827).

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

The complementary color of #306d85 is #875740. For a calmer combination use the analogous colors #257173 and #49668e. The triadic partners are #83536d and #696833.

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

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

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

#306d85 is a cool color. In OKLCH its hue is 227 degrees, its lightness 50.5% and its chroma 0.073.