# #306ba3 color: Lochmara

#306ba3 is rgb(48, 107, 163) in RGB and oklch(51.574% 0.10816 249.695) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #306ba3 |
| RGB | rgb(48, 107, 163) |
| HSL | hsl(209.22, 54.5%, 41.37%) |
| HSB / HSV | hsv(209.22 70.55% 63.92%) |
| HWB | hwb(209.22 18.82% 36.08%) |
| CMYK | cmyk(71% 34% 0% 36%) |
| Lab | lab(43.39 -5.02 -36.48) |
| LCH | lch(43.39 36.83 262.16) |
| OKLab | oklab(51.574% -0.03753 -0.10144) |
| OKLCH | oklch(51.574% 0.10816 249.695) |
| Display P3 | color(display-p3 0.24884 0.41432 0.62183) |
| Rec. 2020 | color(rec2020 0.25903 0.35655 0.57851) |
| Adobe RGB | color(a98-rgb 0.28452 0.41823 0.62621) |
| ProPhoto RGB | color(prophoto-rgb 0.30169 0.33763 0.54447) |
| Linear sRGB | color(srgb-linear 0.02956 0.14703 0.36625) |
| XYZ D65 | color(xyz-d65 0.13087 0.13787 0.36623) |
| XYZ D50 | color(xyz-d50 0.12192 0.13418 0.27623) |
| SwiftUI | Color(red: 0.188, green: 0.42, blue: 0.639) |
| UIKit | UIColor(red: 0.188, green: 0.42, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF306BA3) |
| Android XML | #306BA3 |

## Facts

- Closest name: Lochmara
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.59:1
- Contrast with black: 3.76:1

## Tints

#306ba3, #4679ad, #5a88b6, #6e96c0, #83a5c9, #97b4d2, #abc3db, #c0d2e4, #d5e1ed, #eaf0f6

## Shades

#306ba3, #285c8d, #214e78, #1a3f63, #13324f, #0c253c, #06182a, #030d19, #01040a, #000001

## Tones

#306ba3, #386b9d, #3e6b97, #456b92, #4a6b8c, #506a86, #556a80, #5a6a7a, #5f6974, #63686e

## Harmonies

- Complementary: #306ba3, #8f5b0b
- Split: #306ba3, #9b4f35, #776800
- Analogous: #306ba3, #007592, #5c5fa4
- Triadic: #306ba3, #9b4a5a, #53742a
- Tetradic: #306ba3, #7a5596, #8f5b0b, #53742a
- Square: #306ba3, #904d7b, #8f5b0b, #1a7a51
- Monochromatic: #306ba3, #00275a, #04487e, #548fca, #79b5f2

## Questions about #306ba3

### What color is #306ba3?

#306ba3 is bright blue. The closest named color is Lochmara. In RGB it is rgb(48, 107, 163), in HSL hsl(209.22, 54.5%, 41.37%) and in OKLCH oklch(51.574% 0.10816 249.695).

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

The complementary color of #306ba3 is #8f5b0b. For a calmer combination use the analogous colors #007592 and #5c5fa4. The triadic partners are #9b4a5a and #53742a.

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

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

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

#306ba3 is a cool color. In OKLCH its hue is 250 degrees, its lightness 51.6% and its chroma 0.108.