# #7bbdfa color: Broken Blue

#7bbdfa is rgb(123, 189, 250) in RGB and oklch(77.793% 0.11068 247.546) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7bbdfa |
| RGB | rgb(123, 189, 250) |
| HSL | hsl(208.82, 92.7%, 73.14%) |
| HSB / HSV | hsv(208.82 50.8% 98.04%) |
| HWB | hwb(208.82 48.24% 1.96%) |
| CMYK | cmyk(51% 24% 0% 2%) |
| Lab | lab(73.99 -9.12 -37.27) |
| LCH | lch(73.99 38.37 256.25) |
| OKLab | oklab(77.793% -0.04227 -0.10229) |
| OKLCH | oklch(77.793% 0.11068 247.546) |
| Display P3 | color(display-p3 0.54029 0.73441 0.95965) |
| Rec. 2020 | color(rec2020 0.57114 0.69997 0.9513) |
| Adobe RGB | color(a98-rgb 0.56654 0.73552 0.97111) |
| ProPhoto RGB | color(prophoto-rgb 0.60707 0.67349 0.93765) |
| Linear sRGB | color(srgb-linear 0.19807 0.50888 0.95597) |
| XYZ D65 | color(xyz-d65 0.43618 0.47507 0.97317) |
| XYZ D50 | color(xyz-d50 0.41915 0.46683 0.73482) |
| SwiftUI | Color(red: 0.482, green: 0.741, blue: 0.98) |
| UIKit | UIColor(red: 0.482, green: 0.741, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF7BBDFA) |
| Android XML | #7BBDFA |

## 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:1
- Contrast with black: 10.5:1

## Tints

#7bbdfa, #89c4fb, #96cbfc, #a4d1fd, #b1d8fd, #bedffe, #cbe5fe, #d8ecff, #e5f2ff, #f2f9ff

## Shades

#7bbdfa, #6aa4d9, #5a8cba, #4a749b, #3a5d7d, #2c4761, #1e3346, #101f2d, #050d15, #010203

## Tones

#7bbdfa, #82bdf3, #89bced, #8fbce6, #95bbe0, #9bbbd9, #a1bad2, #a7b9cb, #acb8c5, #b1b7be

## Harmonies

- Complementary: #7bbdfa, #e6a966
- Split: #7bbdfa, #f49d83, #cab760
- Analogous: #7bbdfa, #55c8e5, #a5b0fd
- Triadic: #7bbdfa, #f398aa, #a3c476
- Tetradic: #7bbdfa, #caa4ee, #e6a966, #a3c476
- Square: #7bbdfa, #e59bd0, #e6a966, #76cc9b
- Monochromatic: #7bbdfa, #3172ab, #5697d2, #b6e3ff, #e2f8ff

## Questions about #7bbdfa

### What color is #7bbdfa?

#7bbdfa is bright light blue. The closest named color is Broken Blue. In RGB it is rgb(123, 189, 250), in HSL hsl(208.82, 92.7%, 73.14%) and in OKLCH oklch(77.793% 0.11068 247.546).

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

The complementary color of #7bbdfa is #e6a966. For a calmer combination use the analogous colors #55c8e5 and #a5b0fd. The triadic partners are #f398aa and #a3c476.

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

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

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

#7bbdfa is a cool color. In OKLCH its hue is 248 degrees, its lightness 77.8% and its chroma 0.111.