# #7693e2 color: Bright blue

#7693e2 is rgb(118, 147, 226) in RGB and oklch(67.476% 0.12203 267.772) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/7693e2

## Formats

| Format | Value |
| --- | --- |
| HEX | #7693e2 |
| RGB | rgb(118, 147, 226) |
| HSL | hsl(223.89, 65.06%, 67.45%) |
| HSB / HSV | hsv(223.89 47.79% 88.63%) |
| HWB | hwb(223.89 46.27% 11.37%) |
| CMYK | cmyk(48% 35% 0% 11%) |
| Lab | lab(61.27 5.81 -43.98) |
| LCH | lch(61.27 44.36 277.52) |
| OKLab | oklab(67.476% -0.00474 -0.12194) |
| OKLCH | oklch(67.476% 0.12203 267.772) |
| Display P3 | color(display-p3 0.48543 0.57315 0.86328) |
| Rec. 2020 | color(rec2020 0.48198 0.52996 0.84285) |
| Adobe RGB | color(a98-rgb 0.49466 0.57115 0.8727) |
| ProPhoto RGB | color(prophoto-rgb 0.51145 0.50666 0.81737) |
| Linear sRGB | color(srgb-linear 0.18116 0.29177 0.76052) |
| XYZ D65 | color(xyz-d65 0.3163 0.30209 0.76118) |
| XYZ D50 | color(xyz-d50 0.30019 0.29558 0.57394) |
| SwiftUI | Color(red: 0.463, green: 0.576, blue: 0.886) |
| UIKit | UIColor(red: 0.463, green: 0.576, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF7693E2) |
| Android XML | #7693E2 |

## Facts

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

## Tints

#7693e2, #839ee6, #90a9e9, #9db4ec, #abbef0, #b8c9f3, #c6d4f5, #d4dff8, #e2e9fb, #f1f4fd

## Shades

#7693e2, #667fc4, #566ca8, #47598c, #384771, #293657, #1c253e, #0f1627, #050812, #010103

## Tones

#7693e2, #7994db, #7c94d3, #8095cc, #8396c5, #8696bd, #8a96b6, #8d96ae, #9097a6, #93979e

## Harmonies

- Complementary: #7693e2, #b6912d
- Split: #7693e2, #ce8244, #90a041
- Analogous: #7693e2, #3fa1d9, #a085d8
- Triadic: #7693e2, #d7776c, #5eab6a
- Tetradic: #7693e2, #bf7abd, #b6912d, #5eab6a
- Square: #7693e2, #d27597, #b6912d, #11af96
- Monochromatic: #7693e2, #344b94, #546eba, #9ab9ff, #d1e2ff

## Questions about #7693e2

### What color is #7693e2?

#7693e2 is bright blue. The closest named color is Bright blue. In RGB it is rgb(118, 147, 226), in HSL hsl(223.89, 65.06%, 67.45%) and in OKLCH oklch(67.476% 0.12203 267.772).

### What colors go well with #7693e2?

The complementary color of #7693e2 is #b6912d. For a calmer combination use the analogous colors #3fa1d9 and #a085d8. The triadic partners are #d7776c and #5eab6a.

### Is white or black text more readable on #7693e2?

Black text reads better on #7693e2: white gives a contrast ratio of 2.98:1 and black gives 7.04:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #7693e2 a warm or cool color?

#7693e2 is a cool color. In OKLCH its hue is 268 degrees, its lightness 67.5% and its chroma 0.122.