# #669afa color: Blue Chaos

#669afa is rgb(102, 154, 250) in RGB and oklch(69.331% 0.15238 261.72) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #669afa |
| RGB | rgb(102, 154, 250) |
| HSL | hsl(218.92, 93.67%, 69.02%) |
| HSB / HSV | hsv(218.92 59.2% 98.04%) |
| HWB | hwb(218.92 40% 1.96%) |
| CMYK | cmyk(59% 38% 0% 2%) |
| Lab | lab(63.27 4.17 -54.07) |
| LCH | lch(63.27 54.23 274.41) |
| OKLab | oklab(69.331% -0.02194 -0.15079) |
| OKLCH | oklch(69.331% 0.15238 261.72) |
| Display P3 | color(display-p3 0.44504 0.59852 0.95286) |
| Rec. 2020 | color(rec2020 0.46941 0.5564 0.94214) |
| Adobe RGB | color(a98-rgb 0.46664 0.5983 0.9675) |
| ProPhoto RGB | color(prophoto-rgb 0.523 0.53306 0.92414) |
| Linear sRGB | color(srgb-linear 0.13287 0.32314 0.95597) |
| XYZ D65 | color(xyz-d65 0.34288 0.32837 0.94977) |
| XYZ D50 | color(xyz-d50 0.31918 0.31917 0.71588) |
| SwiftUI | Color(red: 0.4, green: 0.604, blue: 0.98) |
| UIKit | UIColor(red: 0.4, green: 0.604, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF669AFA) |
| Android XML | #669AFA |

## Facts

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

## Tints

#669afa, #75a5fb, #84affd, #93b9fe, #a2c4ff, #b2ceff, #c1d8ff, #d0e2ff, #e0ebff, #eff5ff

## Shades

#669afa, #5885d9, #4a71ba, #3c5e9b, #2f4b7d, #233961, #172746, #0c172d, #040915, #000103

## Tones

#669afa, #6c9bf1, #729ce8, #779cdf, #7d9dd6, #829dcc, #889dc3, #8d9db9, #929db0, #979da6

## Harmonies

- Complementary: #669afa, #cb9100
- Split: #669afa, #e47d35, #a0a404
- Analogous: #669afa, #00abe9, #9f88f2
- Triadic: #669afa, #ec7171, #60b357
- Tetradic: #669afa, #c77ad4, #cb9100, #60b357
- Square: #669afa, #e170a7, #cb9100, #00ba91
- Monochromatic: #669afa, #2150a9, #4375d1, #99c2ff, #d6eaff

## Questions about #669afa

### What color is #669afa?

#669afa is bright blue. The closest named color is Blue Chaos. In RGB it is rgb(102, 154, 250), in HSL hsl(218.92, 93.67%, 69.02%) and in OKLCH oklch(69.331% 0.15238 261.72).

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

The complementary color of #669afa is #cb9100. For a calmer combination use the analogous colors #00abe9 and #9f88f2. The triadic partners are #ec7171 and #60b357.

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

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

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

#669afa is a cool color. In OKLCH its hue is 262 degrees, its lightness 69.3% and its chroma 0.152.