# #3ca2fa color: Rockman Blue

#3ca2fa is rgb(60, 162, 250) in RGB and oklch(69.458% 0.15926 248.6) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3ca2fa |
| RGB | rgb(60, 162, 250) |
| HSL | hsl(207.79, 95%, 60.78%) |
| HSB / HSV | hsv(207.79 76% 98.04%) |
| HWB | hwb(207.79 23.53% 1.96%) |
| CMYK | cmyk(76% 35% 0% 2%) |
| Lab | lab(63.92 -7.33 -53.18) |
| LCH | lch(63.92 53.69 262.15) |
| OKLab | oklab(69.458% -0.05811 -0.14828) |
| OKLCH | oklch(69.458% 0.15926 248.6) |
| Display P3 | color(display-p3 0.35139 0.62687 0.95345) |
| Rec. 2020 | color(rec2020 0.41979 0.58276 0.94316) |
| Adobe RGB | color(a98-rgb 0.40263 0.62945 0.96825) |
| ProPhoto RGB | color(prophoto-rgb 0.49065 0.55539 0.92592) |
| Linear sRGB | color(srgb-linear 0.04519 0.36131 0.95597) |
| XYZ D65 | color(xyz-d65 0.32037 0.33702 0.95262) |
| XYZ D50 | color(xyz-d50 0.29564 0.32702 0.71837) |
| SwiftUI | Color(red: 0.235, green: 0.635, blue: 0.98) |
| UIKit | UIColor(red: 0.235, green: 0.635, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF3CA2FA) |
| Android XML | #3CA2FA |

## 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.71:1
- Contrast with black: 7.74:1

## Tints

#3ca2fa, #55acfb, #6bb6fd, #7fbffe, #92c9ff, #a4d2ff, #b7dbff, #c9e4ff, #dbedff, #edf6ff

## Shades

#3ca2fa, #338cd9, #2a77ba, #21639b, #194f7d, #113c61, #0a2a46, #04192d, #010a15, #000103

## Tones

#3ca2fa, #4ba2f1, #57a2e8, #62a2df, #6ca2d6, #75a1cc, #7ea1c3, #86a0ba, #8e9fb0, #959ea6

## Harmonies

- Complementary: #3ca2fa, #db8700
- Split: #3ca2fa, #ed744d, #b79c00
- Analogous: #3ca2fa, #00b1d9, #888ffd
- Triadic: #3ca2fa, #ed6d89, #7eaf33
- Tetradic: #3ca2fa, #b97ee7, #db8700, #7eaf33
- Square: #3ca2fa, #db72be, #db8700, #0aba77
- Monochromatic: #3ca2fa, #0057a9, #007cd1, #82c9ff, #ceedff

## Questions about #3ca2fa

### What color is #3ca2fa?

#3ca2fa is bright blue. The closest named color is Rockman Blue. In RGB it is rgb(60, 162, 250), in HSL hsl(207.79, 95%, 60.78%) and in OKLCH oklch(69.458% 0.15926 248.6).

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

The complementary color of #3ca2fa is #db8700. For a calmer combination use the analogous colors #00b1d9 and #888ffd. The triadic partners are #ed6d89 and #7eaf33.

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

Black text reads better on #3ca2fa: white gives a contrast ratio of 2.71:1 and black gives 7.74:1. WCAG AA asks for at least 4.5:1 for body text.

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

#3ca2fa is a cool color. In OKLCH its hue is 249 degrees, its lightness 69.5% and its chroma 0.159.