# #1663ae color: Cobalt Stone

#1663ae is rgb(22, 99, 174) in RGB and oklch(49.645% 0.13883 252.648) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/1663ae

## Formats

| Format | Value |
| --- | --- |
| HEX | #1663ae |
| RGB | rgb(22, 99, 174) |
| HSL | hsl(209.61, 77.55%, 38.43%) |
| HSB / HSV | hsv(209.61 87.36% 68.24%) |
| HWB | hwb(209.61 8.63% 31.76%) |
| CMYK | cmyk(87% 43% 0% 32%) |
| Lab | lab(40.72 -0.44 -47.22) |
| LCH | lch(40.72 47.22 269.47) |
| OKLab | oklab(49.645% -0.04141 -0.13251) |
| OKLCH | oklch(49.645% 0.13883 252.648) |
| Display P3 | color(display-p3 0.18545 0.38245 0.66109) |
| Rec. 2020 | color(rec2020 0.22079 0.32425 0.62047) |
| Adobe RGB | color(a98-rgb 0.23473 0.38815 0.66742) |
| ProPhoto RGB | color(prophoto-rgb 0.28581 0.31033 0.58515) |
| Linear sRGB | color(srgb-linear 0.00802 0.12477 0.42327) |
| XYZ D65 | color(xyz-d65 0.12432 0.1215 0.41736) |
| XYZ D50 | color(xyz-d50 0.11212 0.11689 0.31448) |
| SwiftUI | Color(red: 0.086, green: 0.388, blue: 0.682) |
| UIKit | UIColor(red: 0.086, green: 0.388, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF1663AE) |
| Android XML | #1663AE |

## Facts

- Closest name: Cobalt Stone
- Hue family: Blue, deep dark blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.12:1
- Contrast with black: 3.43:1

## Tints

#1663ae, #3473b7, #4c82c0, #6292c8, #78a1d1, #8eb1d9, #a4c0e1, #bbd0e9, #d1dff0, #e8eff8

## Shades

#1663ae, #125597, #0d4780, #093a6a, #062e55, #032141, #02162e, #010b1c, #00030b, #000001

## Tones

#1663ae, #2464a7, #2e649f, #366498, #3e6590, #456589, #4b6481, #51647a, #576472, #5d636a

## Harmonies

- Complementary: #1663ae, #8c5400
- Split: #1663ae, #a04010, #706400
- Analogous: #1663ae, #006f90, #5954ae
- Triadic: #1663ae, #a1384c, #417201
- Tetradic: #1663ae, #7d469a, #8c5400, #417201
- Square: #1663ae, #953c77, #8c5400, #00784b
- Monochromatic: #1663ae, #001f5a, #004088, #4088d6, #65adfe

## Questions about #1663ae

### What color is #1663ae?

#1663ae is deep dark blue. The closest named color is Cobalt Stone. In RGB it is rgb(22, 99, 174), in HSL hsl(209.61, 77.55%, 38.43%) and in OKLCH oklch(49.645% 0.13883 252.648).

### What colors go well with #1663ae?

The complementary color of #1663ae is #8c5400. For a calmer combination use the analogous colors #006f90 and #5954ae. The triadic partners are #a1384c and #417201.

### Is white or black text more readable on #1663ae?

White text reads better on #1663ae: white gives a contrast ratio of 6.12:1 and black gives 3.43:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #1663ae a warm or cool color?

#1663ae is a cool color. In OKLCH its hue is 253 degrees, its lightness 49.6% and its chroma 0.139.