# #7abbfa color: Broken Blue

#7abbfa is rgb(122, 187, 250) in RGB and oklch(77.314% 0.11263 248.736) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7abbfa |
| RGB | rgb(122, 187, 250) |
| HSL | hsl(209.53, 92.75%, 72.94%) |
| HSB / HSV | hsv(209.53 51.2% 98.04%) |
| HWB | hwb(209.53 47.84% 1.96%) |
| CMYK | cmyk(51% 25% 0% 2%) |
| Lab | lab(73.38 -8.37 -38.21) |
| LCH | lch(73.38 39.11 257.65) |
| OKLab | oklab(77.314% -0.04085 -0.10496) |
| OKLCH | oklch(77.314% 0.11263 248.736) |
| Display P3 | color(display-p3 0.53541 0.72666 0.95922) |
| Rec. 2020 | color(rec2020 0.56559 0.69172 0.95072) |
| Adobe RGB | color(a98-rgb 0.56123 0.72762 0.97088) |
| ProPhoto RGB | color(prophoto-rgb 0.60228 0.66523 0.93679) |
| Linear sRGB | color(srgb-linear 0.19462 0.49693 0.95597) |
| XYZ D65 | color(xyz-d65 0.43049 0.46579 0.97168) |
| XYZ D50 | color(xyz-d50 0.41304 0.4575 0.73361) |
| SwiftUI | Color(red: 0.478, green: 0.733, blue: 0.98) |
| UIKit | UIColor(red: 0.478, green: 0.733, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF7ABBFA) |
| Android XML | #7ABBFA |

## Facts

- Closest name: Broken Blue
- Hue family: Blue, bright light blue
- Closest Tailwind class: blue-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.04:1
- Contrast with black: 10.32:1

## Tints

#7abbfa, #88c2fb, #96c9fc, #a3d0fd, #b0d7fd, #bedefe, #cbe4fe, #d8ebff, #e5f2ff, #f2f8ff

## Shades

#7abbfa, #69a2d9, #598aba, #49739b, #3a5c7d, #2b4661, #1d3246, #101f2d, #050d15, #010203

## Tones

#7abbfa, #81bbf3, #87baed, #8ebae6, #94b9df, #9ab9d8, #a0b8d1, #a5b8ca, #abb7c3, #b0b6bc

## Harmonies

- Complementary: #7abbfa, #e4a862
- Split: #7abbfa, #f39c7f, #c7b65d
- Analogous: #7abbfa, #51c6e6, #a5aefc
- Triadic: #7abbfa, #f396a6, #9fc374
- Tetradic: #7abbfa, #caa1ec, #e4a862, #9fc374
- Square: #7abbfa, #e599cd, #e4a862, #71cb9b
- Monochromatic: #7abbfa, #3070ab, #5595d2, #b5e1ff, #e3f8ff

## Questions about #7abbfa

### What color is #7abbfa?

#7abbfa is bright light blue. The closest named color is Broken Blue. In RGB it is rgb(122, 187, 250), in HSL hsl(209.53, 92.75%, 72.94%) and in OKLCH oklch(77.314% 0.11263 248.736).

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

The complementary color of #7abbfa is #e4a862. For a calmer combination use the analogous colors #51c6e6 and #a5aefc. The triadic partners are #f396a6 and #9fc374.

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

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

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

#7abbfa is a cool color. In OKLCH its hue is 249 degrees, its lightness 77.3% and its chroma 0.113.