# #3683dd color: Bright blue

#3683dd is rgb(54, 131, 221) in RGB and oklch(60.741% 0.15618 254.535) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3683dd

## Formats

| Format | Value |
| --- | --- |
| HEX | #3683dd |
| RGB | rgb(54, 131, 221) |
| HSL | hsl(212.34, 71.06%, 53.92%) |
| HSB / HSV | hsv(212.34 75.57% 86.67%) |
| HWB | hwb(212.34 21.18% 13.33%) |
| CMYK | cmyk(76% 41% 0% 13%) |
| Lab | lab(53.47 -0.06 -53.76) |
| LCH | lch(53.47 53.76 269.94) |
| OKLab | oklab(60.741% -0.04164 -0.15053) |
| OKLCH | oklch(60.741% 0.15618 254.535) |
| Display P3 | color(display-p3 0.29469 0.50708 0.84086) |
| Rec. 2020 | color(rec2020 0.33841 0.45627 0.81757) |
| Adobe RGB | color(a98-rgb 0.33632 0.50951 0.85174) |
| ProPhoto RGB | color(prophoto-rgb 0.40451 0.43363 0.78925) |
| Linear sRGB | color(srgb-linear 0.03689 0.22697 0.72306) |
| XYZ D65 | color(xyz-d65 0.22687 0.22236 0.71505) |
| XYZ D50 | color(xyz-d50 0.20696 0.21475 0.53888) |
| SwiftUI | Color(red: 0.212, green: 0.514, blue: 0.867) |
| UIKit | UIColor(red: 0.212, green: 0.514, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF3683DD) |
| Android XML | #3683DD |

## Facts

- Closest name: Bright blue
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.86:1
- Contrast with black: 5.45:1

## Tints

#3683dd, #4d90e1, #629de6, #76a9ea, #89b6ed, #9dc2f1, #b0cef4, #c4daf7, #d7e7fa, #ebf3fd

## Shades

#3683dd, #2e71c0, #2560a4, #1e4f88, #163f6e, #0f2f55, #08203d, #031226, #010611, #000102

## Tones

#3683dd, #4184d4, #4a84cb, #5385c3, #5a85ba, #6285b1, #6985a8, #70849f, #768495, #7c838c

## Harmonies

- Complementary: #3683dd, #b57200
- Split: #3683dd, #cc5d23, #918500
- Analogous: #3683dd, #0092bf, #7a71db
- Triadic: #3683dd, #ce5365, #579626
- Tetradic: #3683dd, #a461c2, #b57200, #579626
- Square: #3683dd, #c15698, #b57200, #009e6a
- Monochromatic: #3683dd, #003a8e, #035eb5, #5ca9ff, #a1d0ff

## Questions about #3683dd

### What color is #3683dd?

#3683dd is bright blue. The closest named color is Bright blue. In RGB it is rgb(54, 131, 221), in HSL hsl(212.34, 71.06%, 53.92%) and in OKLCH oklch(60.741% 0.15618 254.535).

### What colors go well with #3683dd?

The complementary color of #3683dd is #b57200. For a calmer combination use the analogous colors #0092bf and #7a71db. The triadic partners are #ce5365 and #579626.

### Is white or black text more readable on #3683dd?

White text reads better on #3683dd: white gives a contrast ratio of 3.86:1 and black gives 5.45:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3683dd a warm or cool color?

#3683dd is a cool color. In OKLCH its hue is 255 degrees, its lightness 60.7% and its chroma 0.156.