# #33a2fa color: Rockman Blue

#33a2fa is rgb(51, 162, 250) in RGB and oklch(69.237% 0.16182 247.366) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/33a2fa

## Formats

| Format | Value |
| --- | --- |
| HEX | #33a2fa |
| RGB | rgb(51, 162, 250) |
| HSL | hsl(206.53, 95.22%, 59.02%) |
| HSB / HSV | hsv(206.53 79.6% 98.04%) |
| HWB | hwb(206.53 20% 1.96%) |
| CMYK | cmyk(80% 35% 0% 2%) |
| Lab | lab(63.7 -8.4 -53.55) |
| LCH | lch(63.7 54.2 261.09) |
| OKLab | oklab(69.237% -0.06227 -0.14935) |
| OKLCH | oklch(69.237% 0.16182 247.366) |
| Display P3 | color(display-p3 0.33428 0.62654 0.95336) |
| Rec. 2020 | color(rec2020 0.4103 0.58202 0.94305) |
| Adobe RGB | color(a98-rgb 0.39073 0.62945 0.96825) |
| ProPhoto RGB | color(prophoto-rgb 0.48434 0.55433 0.9258) |
| Linear sRGB | color(srgb-linear 0.0331 0.36131 0.95597) |
| XYZ D65 | color(xyz-d65 0.31538 0.33445 0.95239) |
| XYZ D50 | color(xyz-d50 0.29037 0.32433 0.7182) |
| SwiftUI | Color(red: 0.2, green: 0.635, blue: 0.98) |
| UIKit | UIColor(red: 0.2, green: 0.635, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF33A2FA) |
| Android XML | #33A2FA |

## Facts

- Closest name: Rockman Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.73:1
- Contrast with black: 7.69:1

## Tints

#33a2fa, #4facfb, #66b6fd, #7bbffe, #8fc9ff, #a2d2ff, #b5dbff, #c8e4ff, #daedff, #edf6ff

## Shades

#33a2fa, #2b8cd9, #2377ba, #1c639b, #144f7d, #0d3c61, #072a46, #03192d, #010a15, #000103

## Tones

#33a2fa, #45a2f1, #53a2e8, #5ea2df, #69a2d5, #73a1cc, #7ca0c3, #849fb9, #8d9eb0, #949da6

## Harmonies

- Complementary: #33a2fa, #dd8400
- Split: #33a2fa, #ee724d, #b89b00
- Analogous: #33a2fa, #00b0d6, #858ffe
- Triadic: #33a2fa, #ed6b8a, #80ae2b
- Tetradic: #33a2fa, #b77ee9, #dd8400, #80ae2b
- Square: #33a2fa, #da70c0, #dd8400, #0cb973
- Monochromatic: #33a2fa, #0058a5, #007cd1, #7ec9ff, #cbedff

## Questions about #33a2fa

### What color is #33a2fa?

#33a2fa is bright blue. The closest named color is Rockman Blue. In RGB it is rgb(51, 162, 250), in HSL hsl(206.53, 95.22%, 59.02%) and in OKLCH oklch(69.237% 0.16182 247.366).

### What colors go well with #33a2fa?

The complementary color of #33a2fa is #dd8400. For a calmer combination use the analogous colors #00b0d6 and #858ffe. The triadic partners are #ed6b8a and #80ae2b.

### Is white or black text more readable on #33a2fa?

Black text reads better on #33a2fa: white gives a contrast ratio of 2.73:1 and black gives 7.69:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #33a2fa a warm or cool color?

#33a2fa is a cool color. In OKLCH its hue is 247 degrees, its lightness 69.2% and its chroma 0.162.