# #669aed color: Guilliman Blue

#669aed is rgb(102, 154, 237) in RGB and oklch(68.62% 0.13524 259.391) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/669aed

## Formats

| Format | Value |
| --- | --- |
| HEX | #669aed |
| RGB | rgb(102, 154, 237) |
| HSL | hsl(216.89, 78.95%, 66.47%) |
| HSB / HSV | hsv(216.89 56.96% 92.94%) |
| HWB | hwb(216.89 40% 7.06%) |
| CMYK | cmyk(57% 35% 0% 7%) |
| Lab | lab(62.72 0.81 -47.84) |
| LCH | lch(62.72 47.84 270.97) |
| OKLab | oklab(68.62% -0.0249 -0.13293) |
| OKLCH | oklch(68.62% 0.13524 259.391) |
| Display P3 | color(display-p3 0.44504 0.59852 0.90471) |
| Rec. 2020 | color(rec2020 0.46415 0.55525 0.88884) |
| Adobe RGB | color(a98-rgb 0.46664 0.5983 0.9164) |
| ProPhoto RGB | color(prophoto-rgb 0.50853 0.53023 0.86684) |
| Linear sRGB | color(srgb-linear 0.13287 0.32314 0.84687) |
| XYZ D65 | color(xyz-d65 0.32319 0.32049 0.84607) |
| XYZ D50 | color(xyz-d50 0.30357 0.31256 0.63797) |
| SwiftUI | Color(red: 0.4, green: 0.604, blue: 0.929) |
| UIKit | UIColor(red: 0.4, green: 0.604, blue: 0.929, alpha: 1) |
| Flutter / Compose | Color(0xFF669AED) |
| Android XML | #669AED |

## 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.41:1

## Tints

#669aed, #75a4f0, #84aff2, #93b9f4, #a2c3f6, #b2cdf8, #c1d7fa, #d0e1fc, #e0ebfd, #eff5fe

## Shades

#669aed, #5885ce, #4a71b0, #3c5e93, #2f4b77, #23395c, #172742, #0c172a, #040914, #000103

## Tones

#669aed, #6c9be5, #719bdd, #779bd5, #7c9bcd, #819bc4, #879bbc, #8c9bb4, #909bab, #959ba3

## Harmonies

- Complementary: #669aed, #c68f1c
- Split: #669aed, #dc7e48, #a1a029
- Analogous: #669aed, #04a9dd, #998ae8
- Triadic: #669aed, #e17578, #6bae5a
- Tetradic: #669aed, #be7dce, #c68f1c, #6bae5a
- Square: #669aed, #d775a7, #c68f1c, #0bb48c
- Monochromatic: #669aed, #21519e, #4375c5, #91c1ff, #d1e8ff

## Questions about #669aed

### What color is #669aed?

#669aed is bright blue. The closest named color is Guilliman Blue. In RGB it is rgb(102, 154, 237), in HSL hsl(216.89, 78.95%, 66.47%) and in OKLCH oklch(68.62% 0.13524 259.391).

### What colors go well with #669aed?

The complementary color of #669aed is #c68f1c. For a calmer combination use the analogous colors #04a9dd and #998ae8. The triadic partners are #e17578 and #6bae5a.

### Is white or black text more readable on #669aed?

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

### Is #669aed a warm or cool color?

#669aed is a cool color. In OKLCH its hue is 259 degrees, its lightness 68.6% and its chroma 0.135.