# #7ba5eb color: Bright light blue

#7ba5eb is rgb(123, 165, 235) in RGB and oklch(71.984% 0.11257 260.287) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7ba5eb |
| RGB | rgb(123, 165, 235) |
| HSL | hsl(217.5, 73.68%, 70.2%) |
| HSB / HSV | hsv(217.5 47.66% 92.16%) |
| HWB | hwb(217.5 48.24% 7.84%) |
| CMYK | cmyk(48% 30% 0% 8%) |
| Lab | lab(66.84 -0.34 -40.22) |
| LCH | lch(66.84 40.22 269.51) |
| OKLab | oklab(71.984% -0.01899 -0.11096) |
| OKLCH | oklch(71.984% 0.11257 260.287) |
| Display P3 | color(display-p3 0.51658 0.64244 0.89982) |
| Rec. 2020 | color(rec2020 0.52474 0.6027 0.88394) |
| Adobe RGB | color(a98-rgb 0.53127 0.64117 0.90968) |
| ProPhoto RGB | color(prophoto-rgb 0.55439 0.57691 0.86273) |
| Linear sRGB | color(srgb-linear 0.19807 0.37626 0.83077) |
| XYZ D65 | color(xyz-d65 0.36617 0.37118 0.83835) |
| XYZ D50 | color(xyz-d50 0.35015 0.36417 0.63254) |
| SwiftUI | Color(red: 0.482, green: 0.647, blue: 0.922) |
| UIKit | UIColor(red: 0.482, green: 0.647, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF7BA5EB) |
| Android XML | #7BA5EB |

## 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

#7ba5eb, #88aeee, #95b7f0, #a2c0f2, #afc9f5, #bcd2f7, #c9dbf9, #d7e4fa, #e4edfc, #f1f6fe

## Shades

#7ba5eb, #6a8fcc, #5a79ae, #4a6591, #3a5175, #2c3d5b, #1e2b41, #101a29, #050a13, #010103

## Tones

#7ba5eb, #7fa5e4, #84a5dd, #88a6d6, #8ca6cf, #90a6c8, #95a6c1, #99a5ba, #9da5b3, #a0a5ac

## Harmonies

- Complementary: #7ba5eb, #c99c4b
- Split: #7ba5eb, #dd8f62, #a8ab52
- Analogous: #7ba5eb, #4db1de, #a498e6
- Triadic: #7ba5eb, #e28787, #7db672
- Tetradic: #7ba5eb, #c48dd0, #c99c4b, #7db672
- Square: #7ba5eb, #da86ae, #c99c4b, #4dbb9a
- Monochromatic: #7ba5eb, #365c9c, #5880c3, #a4ccff, #e3f3ff

## Questions about #7ba5eb

### What color is #7ba5eb?

#7ba5eb is bright light blue. The closest named color is Bright light blue. In RGB it is rgb(123, 165, 235), in HSL hsl(217.5, 73.68%, 70.2%) and in OKLCH oklch(71.984% 0.11257 260.287).

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

The complementary color of #7ba5eb is #c99c4b. For a calmer combination use the analogous colors #4db1de and #a498e6. The triadic partners are #e28787 and #7db672.

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

Black text reads better on #7ba5eb: 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 #7ba5eb a warm or cool color?

#7ba5eb is a cool color. In OKLCH its hue is 260 degrees, its lightness 72% and its chroma 0.113.