# #7aa4f2 color: Bright light blue

#7aa4f2 is rgb(122, 164, 242) in RGB and oklch(72.06% 0.12331 262.129) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/7aa4f2

## Formats

| Format | Value |
| --- | --- |
| HEX | #7aa4f2 |
| RGB | rgb(122, 164, 242) |
| HSL | hsl(219, 82.19%, 71.37%) |
| HSB / HSV | hsv(219 49.59% 94.9%) |
| HWB | hwb(219 47.84% 5.1%) |
| CMYK | cmyk(50% 32% 0% 5%) |
| Lab | lab(66.77 1.55 -44.15) |
| LCH | lch(66.77 44.17 272.02) |
| OKLab | oklab(72.06% -0.01689 -0.12215) |
| OKLCH | oklch(72.06% 0.12331 262.129) |
| Display P3 | color(display-p3 0.51269 0.63852 0.92543) |
| Rec. 2020 | color(rec2020 0.52341 0.59909 0.91218) |
| Adobe RGB | color(a98-rgb 0.52747 0.63726 0.937) |
| ProPhoto RGB | color(prophoto-rgb 0.55843 0.57422 0.89283) |
| Linear sRGB | color(srgb-linear 0.19462 0.37124 0.88792) |
| XYZ D65 | color(xyz-d65 0.37326 0.37098 0.89201) |
| XYZ D50 | color(xyz-d50 0.35489 0.36326 0.67282) |
| SwiftUI | Color(red: 0.478, green: 0.643, blue: 0.949) |
| UIKit | UIColor(red: 0.478, green: 0.643, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF7AA4F2) |
| Android XML | #7AA4F2 |

## Facts

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

## Tints

#7aa4f2, #87adf4, #94b7f6, #a1c0f8, #aec9f9, #bbd2fa, #c9dbfc, #d6e4fd, #e4edfe, #f1f6fe

## Shades

#7aa4f2, #698ed2, #5979b4, #496496, #3a5079, #2b3d5e, #1d2b43, #101a2b, #050a14, #010103

## Tones

#7aa4f2, #7fa4eb, #83a5e3, #87a5db, #8ca5d4, #90a5cc, #94a5c4, #98a5bd, #9ca5b5, #a1a5ad

## Harmonies

- Complementary: #7aa4f2, #cb9c3d
- Split: #7aa4f2, #e18d58, #a7ac49
- Analogous: #7aa4f2, #42b2e5, #a796eb
- Triadic: #7aa4f2, #e88481, #76b86f
- Tetradic: #7aa4f2, #c98ad2, #cb9c3d, #76b86f
- Square: #7aa4f2, #df83ad, #cb9c3d, #39bd9c
- Monochromatic: #7aa4f2, #365ba3, #577fca, #a7cbff, #e4f3ff

## Questions about #7aa4f2

### What color is #7aa4f2?

#7aa4f2 is bright light blue. The closest named color is Bright light blue. In RGB it is rgb(122, 164, 242), in HSL hsl(219, 82.19%, 71.37%) and in OKLCH oklch(72.06% 0.12331 262.129).

### What colors go well with #7aa4f2?

The complementary color of #7aa4f2 is #cb9c3d. For a calmer combination use the analogous colors #42b2e5 and #a796eb. The triadic partners are #e88481 and #76b86f.

### Is white or black text more readable on #7aa4f2?

Black text reads better on #7aa4f2: white gives a contrast ratio of 2.49:1 and black gives 8.42:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #7aa4f2 a warm or cool color?

#7aa4f2 is a cool color. In OKLCH its hue is 262 degrees, its lightness 72.1% and its chroma 0.123.