# #696aaa color: Twinkle Night

#696aaa is rgb(105, 106, 170) in RGB and oklch(55.128% 0.09867 281.977) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/696aaa

## Formats

| Format | Value |
| --- | --- |
| HEX | #696aaa |
| RGB | rgb(105, 106, 170) |
| HSL | hsl(239.08, 27.66%, 53.92%) |
| HSB / HSV | hsv(239.08 38.24% 66.67%) |
| HWB | hwb(239.08 41.18% 33.33%) |
| CMYK | cmyk(38% 38% 0% 33%) |
| Lab | lab(46.86 11.94 -34.85) |
| LCH | lch(46.86 36.83 288.91) |
| OKLab | oklab(55.128% 0.02048 -0.09652) |
| OKLCH | oklch(55.128% 0.09867 281.977) |
| Display P3 | color(display-p3 0.41246 0.41556 0.64907) |
| Rec. 2020 | color(rec2020 0.3737 0.36439 0.60773) |
| Adobe RGB | color(a98-rgb 0.41177 0.41446 0.65275) |
| ProPhoto RGB | color(prophoto-rgb 0.38435 0.34999 0.5732) |
| Linear sRGB | color(srgb-linear 0.14126 0.14413 0.40198) |
| XYZ D65 | color(xyz-d65 0.18234 0.16213 0.402) |
| XYZ D50 | color(xyz-d50 0.17463 0.15912 0.30301) |
| SwiftUI | Color(red: 0.412, green: 0.416, blue: 0.667) |
| UIKit | UIColor(red: 0.412, green: 0.416, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF696AAA) |
| Android XML | #696AAA |

## Facts

- Closest name: Twinkle Night
- Hue family: Indigo, soft indigo
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.95:1
- Contrast with black: 4.24:1

## Tints

#696aaa, #7778b3, #8487bc, #9395c4, #a1a4cd, #b0b3d5, #c0c2de, #cfd1e6, #dfe0ef, #efeff7

## Shades

#696aaa, #5a5b93, #4c4d7d, #3e3f68, #313153, #24243f, #18182d, #0c0d1b, #04040b, #000001

## Tones

#696aaa, #6a6ba5, #6a6c9f, #6b6d9a, #6c6e94, #6d6f8f, #6e7089, #6f7083, #70717e, #717178

## Harmonies

- Complementary: #696aaa, #7e7425
- Split: #696aaa, #956727, #5c7e3e
- Analogous: #696aaa, #4475aa, #85609c
- Triadic: #696aaa, #a25d42, #308460
- Tetradic: #696aaa, #995a82, #7e7425, #308460
- Square: #696aaa, #a35862, #7e7425, #008481
- Monochromatic: #696aaa, #2b2760, #484884, #8c8ed1, #b0b3f9

## Questions about #696aaa

### What color is #696aaa?

#696aaa is soft indigo. The closest named color is Twinkle Night. In RGB it is rgb(105, 106, 170), in HSL hsl(239.08, 27.66%, 53.92%) and in OKLCH oklch(55.128% 0.09867 281.977).

### What colors go well with #696aaa?

The complementary color of #696aaa is #7e7425. For a calmer combination use the analogous colors #4475aa and #85609c. The triadic partners are #a25d42 and #308460.

### Is white or black text more readable on #696aaa?

White text reads better on #696aaa: white gives a contrast ratio of 4.95:1 and black gives 4.24:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #696aaa a warm or cool color?

#696aaa is a cool color. In OKLCH its hue is 282 degrees, its lightness 55.1% and its chroma 0.099.