# #2ca5f5 color: Rockman Blue

#2ca5f5 is rgb(44, 165, 245) in RGB and oklch(69.49% 0.15532 243.674) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2ca5f5 |
| RGB | rgb(44, 165, 245) |
| HSL | hsl(203.88, 90.95%, 56.67%) |
| HSB / HSV | hsv(203.88 82.04% 96.08%) |
| HWB | hwb(203.88 17.25% 3.92%) |
| CMYK | cmyk(82% 33% 0% 4%) |
| Lab | lab(64.22 -12.11 -50.02) |
| LCH | lch(64.22 51.47 256.39) |
| OKLab | oklab(69.49% -0.06888 -0.13921) |
| OKLCH | oklch(69.49% 0.15532 243.674) |
| Display P3 | color(display-p3 0.32735 0.63792 0.93529) |
| Rec. 2020 | color(rec2020 0.40789 0.5932 0.92317) |
| Adobe RGB | color(a98-rgb 0.38875 0.64117 0.94888) |
| ProPhoto RGB | color(prophoto-rgb 0.47908 0.56413 0.90465) |
| Linear sRGB | color(srgb-linear 0.02519 0.37626 0.9131) |
| XYZ D65 | color(xyz-d65 0.30973 0.34037 0.91326) |
| XYZ D50 | color(xyz-d50 0.28655 0.33069 0.68892) |
| SwiftUI | Color(red: 0.173, green: 0.647, blue: 0.961) |
| UIKit | UIColor(red: 0.173, green: 0.647, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF2CA5F5) |
| Android XML | #2CA5F5 |

## 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.69:1
- Contrast with black: 7.81:1

## Tints

#2ca5f5, #4caff7, #64b8f9, #7ac1fa, #8ecafb, #a1d3fc, #b5dcfd, #c7e5fe, #daeeff, #edf6ff

## Shades

#2ca5f5, #258fd5, #1e79b6, #176598, #11517b, #0a3d5f, #052b44, #021a2b, #010a15, #000103

## Tones

#2ca5f5, #41a5ec, #50a5e4, #5da4db, #68a3d3, #72a3ca, #7ca2c1, #85a1b8, #8da0af, #959ea6

## Harmonies

- Complementary: #2ca5f5, #de840b
- Split: #2ca5f5, #ed7459, #bd9900
- Analogous: #2ca5f5, #00b2d2, #7f93fc
- Triadic: #2ca5f5, #e96f92, #8aac2b
- Tetradic: #2ca5f5, #b282eb, #de840b, #8aac2b
- Square: #2ca5f5, #d575c5, #de840b, #37b86e
- Monochromatic: #2ca5f5, #005b9e, #007fcc, #77cbff, #caefff

## Questions about #2ca5f5

### What color is #2ca5f5?

#2ca5f5 is bright sky blue. The closest named color is Rockman Blue. In RGB it is rgb(44, 165, 245), in HSL hsl(203.88, 90.95%, 56.67%) and in OKLCH oklch(69.49% 0.15532 243.674).

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

The complementary color of #2ca5f5 is #de840b. For a calmer combination use the analogous colors #00b2d2 and #7f93fc. The triadic partners are #e96f92 and #8aac2b.

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

Black text reads better on #2ca5f5: white gives a contrast ratio of 2.69:1 and black gives 7.81:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2ca5f5 a warm or cool color?

#2ca5f5 is a cool color. In OKLCH its hue is 244 degrees, its lightness 69.5% and its chroma 0.155.