# #696aa8 color: Twinkle Night

#696aa8 is rgb(105, 106, 168) in RGB and oklch(55.021% 0.09568 282.075) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #696aa8 |
| RGB | rgb(105, 106, 168) |
| HSL | hsl(239.05, 26.58%, 53.53%) |
| HSB / HSV | hsv(239.05 37.5% 65.88%) |
| HWB | hwb(239.05 41.18% 34.12%) |
| CMYK | cmyk(38% 37% 0% 34%) |
| Lab | lab(46.78 11.49 -33.81) |
| LCH | lch(46.78 35.71 288.77) |
| OKLab | oklab(55.021% 0.02002 -0.09356) |
| OKLCH | oklch(55.021% 0.09568 282.075) |
| Display P3 | color(display-p3 0.41246 0.41556 0.64168) |
| Rec. 2020 | color(rec2020 0.37308 0.36422 0.59977) |
| Adobe RGB | color(a98-rgb 0.41177 0.41446 0.64513) |
| ProPhoto RGB | color(prophoto-rgb 0.3826 0.34961 0.56535) |
| Linear sRGB | color(srgb-linear 0.14126 0.14413 0.39157) |
| XYZ D65 | color(xyz-d65 0.18047 0.16138 0.39211) |
| XYZ D50 | color(xyz-d50 0.17314 0.15849 0.29558) |
| SwiftUI | Color(red: 0.412, green: 0.416, blue: 0.659) |
| UIKit | UIColor(red: 0.412, green: 0.416, blue: 0.659, alpha: 1) |
| Flutter / Compose | Color(0xFF696AA8) |
| Android XML | #696AA8 |

## 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.97:1
- Contrast with black: 4.23:1

## Tints

#696aa8, #7778b1, #8487ba, #9395c3, #a1a4cc, #b0b3d4, #c0c2dd, #cfd1e6, #dfe0ee, #efeff7

## Shades

#696aa8, #5a5b92, #4c4d7c, #3e3f67, #313152, #24243f, #18182c, #0c0d1a, #04040a, #000001

## Tones

#696aa8, #6a6ba3, #6a6c9d, #6b6d98, #6c6e93, #6d6f8d, #6e6f88, #6f7082, #6f707d, #707177

## Harmonies

- Complementary: #696aa8, #7d7328
- Split: #696aa8, #94682a, #5c7d40
- Analogous: #696aa8, #4674a8, #84619a
- Triadic: #696aa8, #a05e43, #338360
- Tetradic: #696aa8, #985a81, #7d7328, #338360
- Square: #696aa8, #a15963, #7d7328, #008380
- Monochromatic: #696aa8, #2a275e, #484883, #8c8ecf, #b0b3f7

## Questions about #696aa8

### What color is #696aa8?

#696aa8 is soft indigo. The closest named color is Twinkle Night. In RGB it is rgb(105, 106, 168), in HSL hsl(239.05, 26.58%, 53.53%) and in OKLCH oklch(55.021% 0.09568 282.075).

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

The complementary color of #696aa8 is #7d7328. For a calmer combination use the analogous colors #4674a8 and #84619a. The triadic partners are #a05e43 and #338360.

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

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

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

#696aa8 is a cool color. In OKLCH its hue is 282 degrees, its lightness 55% and its chroma 0.096.