# #3aa6ee color: Rockman Blue

#3aa6ee is rgb(58, 166, 238) in RGB and oklch(69.656% 0.14287 242.516) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3aa6ee |
| RGB | rgb(58, 166, 238) |
| HSL | hsl(204, 84.11%, 58.04%) |
| HSB / HSV | hsv(204 75.63% 93.33%) |
| HWB | hwb(204 22.75% 6.67%) |
| CMYK | cmyk(76% 30% 0% 7%) |
| Lab | lab(64.53 -13.04 -45.69) |
| LCH | lch(64.53 47.51 254.07) |
| OKLab | oklab(69.656% -0.06593 -0.12674) |
| OKLCH | oklch(69.656% 0.14287 242.516) |
| Display P3 | color(display-p3 0.35337 0.64222 0.90974) |
| Rec. 2020 | color(rec2020 0.4203 0.59769 0.89497) |
| Adobe RGB | color(a98-rgb 0.40753 0.64508 0.92153) |
| ProPhoto RGB | color(prophoto-rgb 0.48164 0.56805 0.87451) |
| Linear sRGB | color(srgb-linear 0.04231 0.38133 0.85499) |
| XYZ D65 | color(xyz-d65 0.30811 0.34343 0.85897) |
| XYZ D50 | color(xyz-d50 0.28765 0.33461 0.64816) |
| SwiftUI | Color(red: 0.227, green: 0.651, blue: 0.933) |
| UIKit | UIColor(red: 0.227, green: 0.651, blue: 0.933, alpha: 1) |
| Flutter / Compose | Color(0xFF3AA6EE) |
| Android XML | #3AA6EE |

## 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.67:1
- Contrast with black: 7.87:1

## Tints

#3aa6ee, #54aff0, #6ab9f3, #7fc2f5, #92cbf7, #a5d4f9, #b7dcfa, #c9e5fc, #dbeefd, #edf6fe

## Shades

#3aa6ee, #3190cf, #287ab1, #206593, #185177, #103e5c, #092b42, #041a2a, #010a14, #000103

## Tones

#3aa6ee, #4aa6e6, #57a5de, #62a5d6, #6da4ce, #76a3c6, #7fa2be, #87a1b6, #8fa0ae, #969fa6

## Harmonies

- Complementary: #3aa6ee, #db872c
- Split: #3aa6ee, #e87862, #bd9a00
- Analogous: #3aa6ee, #00b3d1, #8096f5
- Triadic: #3aa6ee, #e47495, #8eab39
- Tetradic: #3aa6ee, #af86e6, #db872c, #8eab39
- Square: #3aa6ee, #d07ac4, #db872c, #4ab671
- Monochromatic: #3aa6ee, #005c9c, #0080c6, #75ccff, #caefff

## Questions about #3aa6ee

### What color is #3aa6ee?

#3aa6ee is bright sky blue. The closest named color is Rockman Blue. In RGB it is rgb(58, 166, 238), in HSL hsl(204, 84.11%, 58.04%) and in OKLCH oklch(69.656% 0.14287 242.516).

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

The complementary color of #3aa6ee is #db872c. For a calmer combination use the analogous colors #00b3d1 and #8096f5. The triadic partners are #e47495 and #8eab39.

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

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

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

#3aa6ee is a cool color. In OKLCH its hue is 243 degrees, its lightness 69.7% and its chroma 0.143.