# #30a2fc color: Rockman Blue

#30a2fc is rgb(48, 162, 252) in RGB and oklch(69.285% 0.1649 247.542) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/30a2fc

## Formats

| Format | Value |
| --- | --- |
| HEX | #30a2fc |
| RGB | rgb(48, 162, 252) |
| HSL | hsl(206.47, 97.14%, 58.82%) |
| HSB / HSV | hsv(206.47 80.95% 98.82%) |
| HWB | hwb(206.47 18.82% 1.18%) |
| CMYK | cmyk(81% 36% 0% 1%) |
| Lab | lab(63.72 -8.13 -54.6) |
| LCH | lch(63.72 55.21 261.53) |
| OKLab | oklab(69.285% -0.06299 -0.1524) |
| OKLCH | oklch(69.285% 0.1649 247.542) |
| Display P3 | color(display-p3 0.32905 0.62645 0.96074) |
| Rec. 2020 | color(rec2020 0.40844 0.58198 0.95124) |
| Adobe RGB | color(a98-rgb 0.38715 0.62945 0.97613) |
| ProPhoto RGB | color(prophoto-rgb 0.48491 0.55446 0.93467) |
| Linear sRGB | color(srgb-linear 0.02956 0.36131 0.97345) |
| XYZ D65 | color(xyz-d65 0.31707 0.33496 0.96893) |
| XYZ D50 | color(xyz-d50 0.29133 0.3246 0.73062) |
| SwiftUI | Color(red: 0.188, green: 0.635, blue: 0.988) |
| UIKit | UIColor(red: 0.188, green: 0.635, blue: 0.988, alpha: 1) |
| Flutter / Compose | Color(0xFF30A2FC) |
| Android XML | #30A2FC |

## 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.7:1

## Tints

#30a2fc, #4dacfd, #65b6fe, #7abfff, #8ec9ff, #a2d2ff, #b5dbff, #c7e4ff, #daedff, #ecf6ff

## Shades

#30a2fc, #288cdb, #2177bb, #1a639c, #134f7e, #0c3c62, #062a47, #03192d, #010a16, #000103

## Tones

#30a2fc, #43a2f3, #51a2e9, #5da2e0, #68a2d7, #72a1cd, #7ca0c4, #84a0ba, #8d9fb0, #949da6

## Harmonies

- Complementary: #30a2fc, #de8400
- Split: #30a2fc, #ef714b, #b89b00
- Analogous: #30a2fc, #00b0d7, #858fff
- Triadic: #30a2fc, #ee6a89, #7fae28
- Tetradic: #30a2fc, #b87dea, #de8400, #7fae28
- Square: #30a2fc, #db6fc0, #de8400, #00ba72
- Monochromatic: #30a2fc, #0058a5, #007cd3, #7fc9ff, #ccedff

## Questions about #30a2fc

### What color is #30a2fc?

#30a2fc is bright blue. The closest named color is Rockman Blue. In RGB it is rgb(48, 162, 252), in HSL hsl(206.47, 97.14%, 58.82%) and in OKLCH oklch(69.285% 0.1649 247.542).

### What colors go well with #30a2fc?

The complementary color of #30a2fc is #de8400. For a calmer combination use the analogous colors #00b0d7 and #858fff. The triadic partners are #ee6a89 and #7fae28.

### Is white or black text more readable on #30a2fc?

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

### Is #30a2fc a warm or cool color?

#30a2fc is a cool color. In OKLCH its hue is 248 degrees, its lightness 69.3% and its chroma 0.165.