# #307bad color: Vermeer Blue

#307bad is rgb(48, 123, 173) in RGB and oklch(55.946% 0.10662 241.652) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/307bad

## Formats

| Format | Value |
| --- | --- |
| HEX | #307bad |
| RGB | rgb(48, 123, 173) |
| HSL | hsl(204, 56.56%, 43.33%) |
| HSB / HSV | hsv(204 72.25% 67.84%) |
| HWB | hwb(204 18.82% 32.16%) |
| CMYK | cmyk(72% 29% 0% 32%) |
| Lab | lab(48.75 -10.8 -33.92) |
| LCH | lch(48.75 35.6 252.34) |
| OKLab | oklab(55.946% -0.05063 -0.09384) |
| OKLCH | oklch(55.946% 0.10662 241.652) |
| Display P3 | color(display-p3 0.2705 0.47598 0.66168) |
| Rec. 2020 | color(rec2020 0.294 0.42003 0.62211) |
| Adobe RGB | color(a98-rgb 0.31269 0.47891 0.66584) |
| ProPhoto RGB | color(prophoto-rgb 0.33515 0.39477 0.58884) |
| Linear sRGB | color(srgb-linear 0.02956 0.19807 0.41789) |
| XYZ D65 | color(xyz-d65 0.15844 0.17811 0.42139) |
| XYZ D50 | color(xyz-d50 0.14897 0.1739 0.31805) |
| SwiftUI | Color(red: 0.188, green: 0.482, blue: 0.678) |
| UIKit | UIColor(red: 0.188, green: 0.482, blue: 0.678, alpha: 1) |
| Flutter / Compose | Color(0xFF307BAD) |
| Android XML | #307BAD |

## Facts

- Closest name: Vermeer Blue
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: cyan-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.6:1
- Contrast with black: 4.56:1

## Tints

#307bad, #4888b6, #5d95be, #72a2c6, #86afcf, #9abcd7, #aec9df, #c2d7e7, #d6e4ef, #eaf1f7

## Shades

#307bad, #286a96, #215a7f, #1a4a6a, #133a55, #0c2c41, #061e2d, #03101b, #01050b, #000101

## Tones

#307bad, #3a7ba7, #437aa2, #4b7a9c, #527997, #587991, #5e788c, #647786, #6a7680, #6f757a

## Harmonies

- Complementary: #307bad, #a06429
- Split: #307bad, #aa5b4c, #8b7117
- Analogous: #307bad, #008498, #5e6fb3
- Triadic: #307bad, #a75870, #6a7e2f
- Tetradic: #307bad, #8064a8, #a06429, #6a7e2f
- Square: #307bad, #985c90, #a06429, #3d8654
- Monochromatic: #307bad, #003662, #005887, #57a0d4, #7dc6fc

## Questions about #307bad

### What color is #307bad?

#307bad is bright sky blue. The closest named color is Vermeer Blue. In RGB it is rgb(48, 123, 173), in HSL hsl(204, 56.56%, 43.33%) and in OKLCH oklch(55.946% 0.10662 241.652).

### What colors go well with #307bad?

The complementary color of #307bad is #a06429. For a calmer combination use the analogous colors #008498 and #5e6fb3. The triadic partners are #a75870 and #6a7e2f.

### Is white or black text more readable on #307bad?

White text reads better on #307bad: white gives a contrast ratio of 4.6:1 and black gives 4.56:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #307bad a warm or cool color?

#307bad is a cool color. In OKLCH its hue is 242 degrees, its lightness 55.9% and its chroma 0.107.