# #3b82f6 color: Dodger Blue

#3b82f6 is rgb(59, 130, 246) in RGB and oklch(62.308% 0.18801 259.815) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3b82f6

## Formats

| Format | Value |
| --- | --- |
| HEX | #3b82f6 |
| RGB | rgb(59, 130, 246) |
| HSL | hsl(217.22, 91.22%, 59.8%) |
| HSB / HSV | hsv(217.22 76.02% 96.47%) |
| HWB | hwb(217.22 23.14% 3.53%) |
| CMYK | cmyk(76% 47% 0% 4%) |
| Lab | lab(54.62 8.76 -65.79) |
| LCH | lch(54.62 66.37 277.59) |
| OKLab | oklab(62.308% -0.03325 -0.18505) |
| OKLCH | oklch(62.308% 0.18801 259.815) |
| Display P3 | color(display-p3 0.30473 0.50347 0.93383) |
| Rec. 2020 | color(rec2020 0.35577 0.45546 0.92016) |
| Adobe RGB | color(a98-rgb 0.34268 0.50567 0.94976) |
| ProPhoto RGB | color(prophoto-rgb 0.43812 0.43688 0.8984) |
| Linear sRGB | color(srgb-linear 0.04374 0.22323 0.92158) |
| XYZ D65 | color(xyz-d65 0.26419 0.23548 0.90345) |
| XYZ D50 | color(xyz-d50 0.23691 0.22563 0.68038) |
| SwiftUI | Color(red: 0.231, green: 0.51, blue: 0.965) |
| UIKit | UIColor(red: 0.231, green: 0.51, blue: 0.965, alpha: 1) |
| Flutter / Compose | Color(0xFF3B82F6) |
| Android XML | #3B82F6 |

## Facts

- Closest name: Dodger Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.68:1
- Contrast with black: 5.71:1

## Tints

#3b82f6, #5090f8, #649dfa, #77aafc, #8bb6fd, #9ec3ff, #b1cfff, #c4dbff, #d8e7ff, #ebf3ff

## Shades

#3b82f6, #3270d6, #295fb7, #214e98, #193e7b, #112f5f, #092045, #04122c, #010615, #000103

## Tones

#3b82f6, #4584eb, #4e85e0, #5686d6, #5e87cb, #6588c0, #6c88b5, #7388aa, #7a889e, #818893

## Harmonies

- Complementary: #3b82f6, #b57a00
- Split: #3b82f6, #db5a00, #8e8d00
- Analogous: #3b82f6, #0095ce, #886cee
- Triadic: #3b82f6, #e24956, #3ba01b
- Tetradic: #3b82f6, #b759cc, #b57a00, #3ba01b
- Square: #3b82f6, #d54b97, #b57a00, #00a279
- Monochromatic: #3b82f6, #0035a4, #125ccd, #6fabff, #b0d4ff

## Questions about #3b82f6

### What color is #3b82f6?

#3b82f6 is bright blue. The closest named color is Dodger Blue. In RGB it is rgb(59, 130, 246), in HSL hsl(217.22, 91.22%, 59.8%) and in OKLCH oklch(62.308% 0.18801 259.815).

### What colors go well with #3b82f6?

The complementary color of #3b82f6 is #b57a00. For a calmer combination use the analogous colors #0095ce and #886cee. The triadic partners are #e24956 and #3ba01b.

### Is white or black text more readable on #3b82f6?

White text reads better on #3b82f6: white gives a contrast ratio of 3.68:1 and black gives 5.71:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3b82f6 a warm or cool color?

#3b82f6 is a cool color. In OKLCH its hue is 260 degrees, its lightness 62.3% and its chroma 0.188.