# #7aaaf3 color: Fennel Flower

#7aaaf3 is rgb(122, 170, 243) in RGB and oklch(73.367% 0.11853 258.545) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7aaaf3 |
| RGB | rgb(122, 170, 243) |
| HSL | hsl(216.2, 83.45%, 71.57%) |
| HSB / HSV | hsv(216.2 49.79% 95.29%) |
| HWB | hwb(216.2 47.84% 4.71%) |
| CMYK | cmyk(50% 30% 0% 5%) |
| Lab | lab(68.45 -1.34 -42.08) |
| LCH | lch(68.45 42.1 268.17) |
| OKLab | oklab(73.367% -0.02354 -0.11617) |
| OKLCH | oklch(73.367% 0.11853 258.545) |
| Display P3 | color(display-p3 0.51836 0.66149 0.9302) |
| Rec. 2020 | color(rec2020 0.53369 0.62301 0.91773) |
| Adobe RGB | color(a98-rgb 0.53596 0.66074 0.94154) |
| ProPhoto RGB | color(prophoto-rgb 0.56839 0.5973 0.89941) |
| Linear sRGB | color(srgb-linear 0.19462 0.40198 0.89627) |
| XYZ D65 | color(xyz-d65 0.38576 0.39357 0.90361) |
| XYZ D50 | color(xyz-d50 0.36793 0.38581 0.68176) |
| SwiftUI | Color(red: 0.478, green: 0.667, blue: 0.953) |
| UIKit | UIColor(red: 0.478, green: 0.667, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF7AAAF3) |
| Android XML | #7AAAF3 |

## Facts

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

## Tints

#7aaaf3, #87b3f5, #94bbf7, #a2c4f8, #afccfa, #bcd5fb, #c9ddfc, #d7e6fd, #e4eefe, #f1f7fe

## Shades

#7aaaf3, #6993d3, #597db4, #496897, #3a537a, #2b3f5e, #1d2d44, #101b2b, #050b14, #010103

## Tones

#7aaaf3, #7faaec, #84aae5, #89aadd, #8eaad6, #92aacf, #97aac7, #9baac0, #a0aab8, #a4a9b0

## Harmonies

- Complementary: #7aaaf3, #d19f49
- Split: #7aaaf3, #e59164, #afaf4f
- Analogous: #7aaaf3, #47b7e4, #a69cef
- Triadic: #7aaaf3, #ea898c, #82bb71
- Tetradic: #7aaaf3, #c990d9, #d19f49, #82bb71
- Square: #7aaaf3, #e089b5, #d19f49, #4dc19b
- Monochromatic: #7aaaf3, #3461a4, #5685cb, #a9d1ff, #e7f6ff

## Questions about #7aaaf3

### What color is #7aaaf3?

#7aaaf3 is bright light blue. The closest named color is Fennel Flower. In RGB it is rgb(122, 170, 243), in HSL hsl(216.2, 83.45%, 71.57%) and in OKLCH oklch(73.367% 0.11853 258.545).

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

The complementary color of #7aaaf3 is #d19f49. For a calmer combination use the analogous colors #47b7e4 and #a69cef. The triadic partners are #ea898c and #82bb71.

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

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

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

#7aaaf3 is a cool color. In OKLCH its hue is 259 degrees, its lightness 73.4% and its chroma 0.119.