# #3386cc color: Klaxosaur Blue

#3386cc is rgb(51, 134, 204) in RGB and oklch(60.319% 0.13288 247.804) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3386cc

## Formats

| Format | Value |
| --- | --- |
| HEX | #3386cc |
| RGB | rgb(51, 134, 204) |
| HSL | hsl(207.45, 60%, 50%) |
| HSB / HSV | hsv(207.45 75% 80%) |
| HWB | hwb(207.45 20% 20%) |
| CMYK | cmyk(75% 34% 0% 20%) |
| Lab | lab(53.48 -7.18 -44.19) |
| LCH | lch(53.48 44.77 260.77) |
| OKLab | oklab(60.319% -0.0502 -0.12304) |
| OKLCH | oklch(60.319% 0.13288 247.804) |
| Display P3 | color(display-p3 0.29244 0.51852 0.77825) |
| Rec. 2020 | color(rec2020 0.33261 0.46629 0.74911) |
| Adobe RGB | color(a98-rgb 0.33724 0.52102 0.78596) |
| ProPhoto RGB | color(prophoto-rgb 0.38703 0.44037 0.71826) |
| Linear sRGB | color(srgb-linear 0.0331 0.2384 0.60383) |
| XYZ D65 | color(xyz-d65 0.20788 0.22113 0.60301) |
| XYZ D50 | color(xyz-d50 0.19265 0.21487 0.4548) |
| SwiftUI | Color(red: 0.2, green: 0.525, blue: 0.8) |
| UIKit | UIColor(red: 0.2, green: 0.525, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF3386CC) |
| Android XML | #3386CC |

## Facts

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

## Tints

#3386cc, #4b92d2, #619ed8, #75abdd, #89b7e2, #9dc3e8, #b0cfed, #c4dbf1, #d7e7f6, #ebf3fb

## Shades

#3386cc, #2b74b1, #236297, #1c517e, #144065, #0d304e, #072137, #031322, #01060f, #000102

## Tones

#3386cc, #3f86c5, #4986bd, #5286b6, #5a85af, #6185a7, #6884a0, #6f8498, #758391, #7b8289

## Harmonies

- Complementary: #3386cc, #b46f00
- Split: #3386cc, #c36143, #978000
- Analogous: #3386cc, #0092b4, #6f77cf
- Triadic: #3386cc, #c25b72, #6a8f2d
- Tetradic: #3386cc, #9769be, #b46f00, #6a8f2d
- Square: #3386cc, #b35f9d, #b46f00, #1e9861
- Monochromatic: #3386cc, #003f7e, #0062a5, #5bacf4, #94d2ff

## Questions about #3386cc

### What color is #3386cc?

#3386cc is bright blue. The closest named color is Klaxosaur Blue. In RGB it is rgb(51, 134, 204), in HSL hsl(207.45, 60%, 50%) and in OKLCH oklch(60.319% 0.13288 247.804).

### What colors go well with #3386cc?

The complementary color of #3386cc is #b46f00. For a calmer combination use the analogous colors #0092b4 and #6f77cf. The triadic partners are #c25b72 and #6a8f2d.

### Is white or black text more readable on #3386cc?

White text reads better on #3386cc: white gives a contrast ratio of 3.87:1 and black gives 5.42:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3386cc a warm or cool color?

#3386cc is a cool color. In OKLCH its hue is 248 degrees, its lightness 60.3% and its chroma 0.133.