# #646aa7 color: Twinkle Night

#646aa7 is rgb(100, 106, 167) in RGB and oklch(54.574% 0.09506 278.464) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/646aa7

## Formats

| Format | Value |
| --- | --- |
| HEX | #646aa7 |
| RGB | rgb(100, 106, 167) |
| HSL | hsl(234.63, 27.57%, 52.35%) |
| HSB / HSV | hsv(234.63 40.12% 65.49%) |
| HWB | hwb(234.63 39.22% 34.51%) |
| CMYK | cmyk(40% 37% 0% 35%) |
| Lab | lab(46.33 9.71 -33.96) |
| LCH | lch(46.33 35.32 285.95) |
| OKLab | oklab(54.574% 0.01399 -0.09403) |
| OKLCH | oklch(54.574% 0.09506 278.464) |
| Display P3 | color(display-p3 0.39646 0.41493 0.6378) |
| Rec. 2020 | color(rec2020 0.36052 0.36278 0.59559) |
| Adobe RGB | color(a98-rgb 0.39848 0.41446 0.64132) |
| ProPhoto RGB | color(prophoto-rgb 0.37287 0.34767 0.56123) |
| Linear sRGB | color(srgb-linear 0.12744 0.14413 0.38643) |
| XYZ D65 | color(xyz-d65 0.17384 0.15807 0.38696) |
| XYZ D50 | color(xyz-d50 0.16637 0.1551 0.29172) |
| SwiftUI | Color(red: 0.392, green: 0.416, blue: 0.655) |
| UIKit | UIColor(red: 0.392, green: 0.416, blue: 0.655, alpha: 1) |
| Flutter / Compose | Color(0xFF646AA7) |
| Android XML | #646AA7 |

## 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: 5.05:1
- Contrast with black: 4.16:1

## Tints

#646aa7, #7278b0, #8087b9, #8f95c2, #9ea4cb, #aeb3d4, #bdc2dd, #cdd1e5, #dee0ee, #eeeff6

## Shades

#646aa7, #565b91, #484d7b, #3b3f66, #2e3152, #22243e, #16182c, #0b0d1a, #03040a, #000001

## Tones

#646aa7, #656ba2, #666c9c, #676d97, #686d92, #6a6e8c, #6b6e87, #6c6f81, #6d6f7c, #6f7076

## Harmonies

- Complementary: #646aa7, #7f7126
- Split: #646aa7, #94652c, #607b3c
- Analogous: #646aa7, #4074a5, #80609b
- Triadic: #646aa7, #9f5c46, #37815b
- Tetradic: #646aa7, #945a83, #7f7126, #37815b
- Square: #646aa7, #9f5765, #7f7126, #00827b
- Monochromatic: #646aa7, #26275e, #444882, #878ece, #abb3f6

## Questions about #646aa7

### What color is #646aa7?

#646aa7 is soft indigo. The closest named color is Twinkle Night. In RGB it is rgb(100, 106, 167), in HSL hsl(234.63, 27.57%, 52.35%) and in OKLCH oklch(54.574% 0.09506 278.464).

### What colors go well with #646aa7?

The complementary color of #646aa7 is #7f7126. For a calmer combination use the analogous colors #4074a5 and #80609b. The triadic partners are #9f5c46 and #37815b.

### Is white or black text more readable on #646aa7?

White text reads better on #646aa7: white gives a contrast ratio of 5.05:1 and black gives 4.16:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #646aa7 a warm or cool color?

#646aa7 is a cool color. In OKLCH its hue is 278 degrees, its lightness 54.6% and its chroma 0.095.