# #2ca3f7 color: Rockman Blue

#2ca3f7 is rgb(44, 163, 247) in RGB and oklch(69.149% 0.15925 245.251) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2ca3f7

## Formats

| Format | Value |
| --- | --- |
| HEX | #2ca3f7 |
| RGB | rgb(44, 163, 247) |
| HSL | hsl(204.83, 92.69%, 57.06%) |
| HSB / HSV | hsv(204.83 82.19% 96.86%) |
| HWB | hwb(204.83 17.25% 3.14%) |
| CMYK | cmyk(82% 34% 0% 3%) |
| Lab | lab(63.72 -10.51 -51.9) |
| LCH | lch(63.72 52.95 258.56) |
| OKLab | oklab(69.149% -0.06667 -0.14462) |
| OKLCH | oklch(69.149% 0.15925 245.251) |
| Display P3 | color(display-p3 0.32409 0.63019 0.94235) |
| Rec. 2020 | color(rec2020 0.40462 0.58531 0.9309) |
| Adobe RGB | color(a98-rgb 0.3847 0.63336 0.95654) |
| ProPhoto RGB | color(prophoto-rgb 0.47816 0.55683 0.91277) |
| Linear sRGB | color(srgb-linear 0.02519 0.36625 0.93011) |
| XYZ D65 | color(xyz-d65 0.30922 0.33443 0.92824) |
| XYZ D50 | color(xyz-d50 0.28512 0.32455 0.7001) |
| SwiftUI | Color(red: 0.173, green: 0.639, blue: 0.969) |
| UIKit | UIColor(red: 0.173, green: 0.639, blue: 0.969, alpha: 1) |
| Flutter / Compose | Color(0xFF2CA3F7) |
| Android XML | #2CA3F7 |

## Facts

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

## Tints

#2ca3f7, #4badf9, #63b6fa, #79c0fc, #8dc9fd, #a1d2fe, #b4dcfe, #c7e5ff, #daedff, #ecf6ff

## Shades

#2ca3f7, #258dd7, #1e78b7, #176399, #114f7c, #0a3c60, #052a45, #02192c, #010a15, #000103

## Tones

#2ca3f7, #40a3ee, #4fa3e5, #5ca2dc, #67a2d3, #71a1ca, #7ba0c1, #849fb8, #8c9eaf, #949da5

## Harmonies

- Complementary: #2ca3f7, #dd8300
- Split: #2ca3f7, #ed7253, #bb9900
- Analogous: #2ca3f7, #00b0d3, #8190fd
- Triadic: #2ca3f7, #ea6c8e, #85ac28
- Tetradic: #2ca3f7, #b37fea, #dd8300, #85ac28
- Square: #2ca3f7, #d672c2, #dd8300, #27b86f
- Monochromatic: #2ca3f7, #0059a0, #007dce, #78c9ff, #c9edff

## Questions about #2ca3f7

### What color is #2ca3f7?

#2ca3f7 is bright sky blue. The closest named color is Rockman Blue. In RGB it is rgb(44, 163, 247), in HSL hsl(204.83, 92.69%, 57.06%) and in OKLCH oklch(69.149% 0.15925 245.251).

### What colors go well with #2ca3f7?

The complementary color of #2ca3f7 is #dd8300. For a calmer combination use the analogous colors #00b0d3 and #8190fd. The triadic partners are #ea6c8e and #85ac28.

### Is white or black text more readable on #2ca3f7?

Black text reads better on #2ca3f7: 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 #2ca3f7 a warm or cool color?

#2ca3f7 is a cool color. In OKLCH its hue is 245 degrees, its lightness 69.1% and its chroma 0.159.