# #475a71 color: Bluster Blue

#475a71 is rgb(71, 90, 113) in RGB and oklch(46.116% 0.04439 253.504) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/475a71

## Formats

| Format | Value |
| --- | --- |
| HEX | #475a71 |
| RGB | rgb(71, 90, 113) |
| HSL | hsl(212.86, 22.83%, 36.08%) |
| HSB / HSV | hsv(212.86 37.17% 44.31%) |
| HWB | hwb(212.86 27.84% 55.69%) |
| CMYK | cmyk(37% 20% 0% 56%) |
| Lab | lab(37.36 -2.79 -15.67) |
| LCH | lch(37.36 15.92 259.92) |
| OKLab | oklab(46.116% -0.0126 -0.04256) |
| OKLCH | oklch(46.116% 0.04439 253.504) |
| Display P3 | color(display-p3 0.29332 0.35077 0.43513) |
| Rec. 2020 | color(rec2020 0.25418 0.29118 0.37979) |
| Adobe RGB | color(a98-rgb 0.30643 0.35454 0.43775) |
| ProPhoto RGB | color(prophoto-rgb 0.26295 0.27849 0.35625) |
| Linear sRGB | color(srgb-linear 0.06301 0.10224 0.16513) |
| XYZ D65 | color(xyz-d65 0.09235 0.09844 0.17037) |
| XYZ D50 | color(xyz-d50 0.09048 0.09733 0.12872) |
| SwiftUI | Color(red: 0.278, green: 0.353, blue: 0.443) |
| UIKit | UIColor(red: 0.278, green: 0.353, blue: 0.443, alpha: 1) |
| Flutter / Compose | Color(0xFF475A71) |
| Android XML | #475A71 |

## Facts

- Closest name: Bluster Blue
- Hue family: Blue, dusty dark blue
- Closest Tailwind class: slate-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.07:1
- Contrast with black: 2.97:1

## Tints

#475a71, #58697e, #69798c, #7a889a, #8c99a8, #9ea9b6, #b1bac4, #c4cbd3, #d7dce1, #ebedf0

## Shades

#475a71, #3d4d61, #324152, #283543, #1f2935, #161e27, #0d131a, #06090e, #020304, #000001

## Tones

#475a71, #495a6f, #4b5a6c, #4c5a6a, #4e5967, #505965, #525962, #535960, #55595d, #57585b

## Harmonies

- Complementary: #475a71, #68553c
- Split: #475a71, #6e5144, #5c5a3c
- Analogous: #475a71, #3c5e6b, #555571
- Triadic: #475a71, #6f4e51, #4e5e45
- Tetradic: #475a71, #61516a, #68553c, #4e5e45
- Square: #475a71, #6b4f5f, #68553c, #416051
- Monochromatic: #475a71, #0b1c2f, #283a4f, #697d95, #8ca1ba

## Questions about #475a71

### What color is #475a71?

#475a71 is dusty dark blue. The closest named color is Bluster Blue. In RGB it is rgb(71, 90, 113), in HSL hsl(212.86, 22.83%, 36.08%) and in OKLCH oklch(46.116% 0.04439 253.504).

### What colors go well with #475a71?

The complementary color of #475a71 is #68553c. For a calmer combination use the analogous colors #3c5e6b and #555571. The triadic partners are #6f4e51 and #4e5e45.

### Is white or black text more readable on #475a71?

White text reads better on #475a71: white gives a contrast ratio of 7.07:1 and black gives 2.97:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #475a71 a warm or cool color?

#475a71 is a cool color. In OKLCH its hue is 254 degrees, its lightness 46.1% and its chroma 0.044.