# #689aec color: Guilliman Blue

#689aec is rgb(104, 154, 236) in RGB and oklch(68.669% 0.13312 259.872) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/689aec

## Formats

| Format | Value |
| --- | --- |
| HEX | #689aec |
| RGB | rgb(104, 154, 236) |
| HSL | hsl(217.27, 77.65%, 66.67%) |
| HSB / HSV | hsv(217.27 55.93% 92.55%) |
| HWB | hwb(217.27 40.78% 7.45%) |
| CMYK | cmyk(56% 35% 0% 7%) |
| Lab | lab(62.79 1.02 -47.18) |
| LCH | lch(62.79 47.19 271.23) |
| OKLab | oklab(68.669% -0.02341 -0.13104) |
| OKLCH | oklch(68.669% 0.13312 259.872) |
| Display P3 | color(display-p3 0.45071 0.59868 0.90106) |
| Rec. 2020 | color(rec2020 0.46765 0.55552 0.88481) |
| Adobe RGB | color(a98-rgb 0.47112 0.5983 0.91248) |
| ProPhoto RGB | color(prophoto-rgb 0.51026 0.53052 0.86254) |
| Linear sRGB | color(srgb-linear 0.13843 0.32314 0.8388) |
| XYZ D65 | color(xyz-d65 0.32403 0.32109 0.8385) |
| XYZ D50 | color(xyz-d50 0.30484 0.31331 0.63228) |
| SwiftUI | Color(red: 0.408, green: 0.604, blue: 0.925) |
| UIKit | UIColor(red: 0.408, green: 0.604, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFF689AEC) |
| Android XML | #689AEC |

## Facts

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

## Tints

#689aec, #77a4ef, #86aff1, #95b9f4, #a4c3f6, #b3cdf8, #c2d7fa, #d1e1fb, #e0ebfd, #eff5fe

## Shades

#689aec, #5985cd, #4b71af, #3e5e92, #304b76, #24395b, #182742, #0c1729, #040913, #000103

## Tones

#689aec, #6e9be4, #739bdc, #789bd4, #7d9bcc, #829bc4, #879bbc, #8c9bb4, #919bab, #969ba3

## Harmonies

- Complementary: #689aec, #c59021
- Split: #689aec, #db7f49, #a0a12e
- Analogous: #689aec, #15a8dc, #9a8be7
- Triadic: #689aec, #e17678, #6cae5c
- Tetradic: #689aec, #be7ecd, #c59021, #6cae5c
- Square: #689aec, #d776a6, #c59021, #14b48d
- Monochromatic: #689aec, #23519d, #4575c4, #92c1ff, #d1e8ff

## Questions about #689aec

### What color is #689aec?

#689aec is bright blue. The closest named color is Guilliman Blue. In RGB it is rgb(104, 154, 236), in HSL hsl(217.27, 77.65%, 66.67%) and in OKLCH oklch(68.669% 0.13312 259.872).

### What colors go well with #689aec?

The complementary color of #689aec is #c59021. For a calmer combination use the analogous colors #15a8dc and #9a8be7. The triadic partners are #e17678 and #6cae5c.

### Is white or black text more readable on #689aec?

Black text reads better on #689aec: white gives a contrast ratio of 2.83:1 and black gives 7.42:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #689aec a warm or cool color?

#689aec is a cool color. In OKLCH its hue is 260 degrees, its lightness 68.7% and its chroma 0.133.