# #6aaaf3 color: Blue Jeans

#6aaaf3 is rgb(106, 170, 243) in RGB and oklch(72.547% 0.12575 252.771) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/6aaaf3

## Formats

| Format | Value |
| --- | --- |
| HEX | #6aaaf3 |
| RGB | rgb(106, 170, 243) |
| HSL | hsl(211.97, 85.09%, 68.43%) |
| HSB / HSV | hsv(211.97 56.38% 95.29%) |
| HWB | hwb(211.97 41.57% 4.71%) |
| CMYK | cmyk(56% 30% 0% 5%) |
| Lab | lab(67.62 -5.16 -43.44) |
| LCH | lch(67.62 43.74 263.23) |
| OKLab | oklab(72.547% -0.03725 -0.12011) |
| OKLCH | oklch(72.547% 0.12575 252.771) |
| Display P3 | color(display-p3 0.47301 0.66022 0.92978) |
| Rec. 2020 | color(rec2020 0.50196 0.62012 0.91728) |
| Adobe RGB | color(a98-rgb 0.49982 0.66074 0.94154) |
| ProPhoto RGB | color(prophoto-rgb 0.54466 0.59312 0.89889) |
| Linear sRGB | color(srgb-linear 0.14413 0.40198 0.89627) |
| XYZ D65 | color(xyz-d65 0.36494 0.38283 0.90263) |
| XYZ D50 | color(xyz-d50 0.34591 0.37457 0.68106) |
| SwiftUI | Color(red: 0.416, green: 0.667, blue: 0.953) |
| UIKit | UIColor(red: 0.416, green: 0.667, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF6AAAF3) |
| Android XML | #6AAAF3 |

## Facts

- Closest name: Blue Jeans
- Hue family: Blue, bright light blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.43:1
- Contrast with black: 8.66:1

## Tints

#6aaaf3, #79b3f5, #89bbf7, #98c4f8, #a6cdfa, #b5d5fb, #c4defc, #d3e6fd, #e1eefe, #f0f7ff

## Shades

#6aaaf3, #5b93d3, #4d7db4, #3f6897, #31537a, #243f5e, #182d44, #0d1b2b, #040b14, #000103

## Tones

#6aaaf3, #71aaec, #78aae4, #7eaadd, #84aad5, #8aa9cd, #90a9c6, #96a8be, #9ba8b6, #a1a7ae

## Harmonies

- Complementary: #6aaaf3, #d69941
- Split: #6aaaf3, #e88a64, #b5a940
- Analogous: #6aaaf3, #2ab7df, #9b9bf3
- Triadic: #6aaaf3, #ea8390, #87b762
- Tetradic: #6aaaf3, #c28edf, #d69941, #87b762
- Square: #6aaaf3, #dc85bb, #d69941, #4dbf8f
- Monochromatic: #6aaaf3, #2060a4, #4584cb, #9dd1ff, #e2f6ff

## Questions about #6aaaf3

### What color is #6aaaf3?

#6aaaf3 is bright light blue. The closest named color is Blue Jeans. In RGB it is rgb(106, 170, 243), in HSL hsl(211.97, 85.09%, 68.43%) and in OKLCH oklch(72.547% 0.12575 252.771).

### What colors go well with #6aaaf3?

The complementary color of #6aaaf3 is #d69941. For a calmer combination use the analogous colors #2ab7df and #9b9bf3. The triadic partners are #ea8390 and #87b762.

### Is white or black text more readable on #6aaaf3?

Black text reads better on #6aaaf3: white gives a contrast ratio of 2.43:1 and black gives 8.66:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #6aaaf3 a warm or cool color?

#6aaaf3 is a cool color. In OKLCH its hue is 253 degrees, its lightness 72.5% and its chroma 0.126.