# #7caadf color: Jordy Blue

#7caadf is rgb(124, 170, 223) in RGB and oklch(72.556% 0.09211 252.547) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/7caadf

## Formats

| Format | Value |
| --- | --- |
| HEX | #7caadf |
| RGB | rgb(124, 170, 223) |
| HSL | hsl(212.12, 60.74%, 68.04%) |
| HSB / HSV | hsv(212.12 44.39% 87.45%) |
| HWB | hwb(212.12 48.63% 12.55%) |
| CMYK | cmyk(44% 24% 0% 13%) |
| Lab | lab(67.85 -5.36 -32.1) |
| LCH | lch(67.85 32.54 260.52) |
| OKLab | oklab(72.556% -0.02762 -0.08787) |
| OKLCH | oklch(72.556% 0.09211 252.547) |
| Display P3 | color(display-p3 0.52421 0.66167 0.8567) |
| Rec. 2020 | color(rec2020 0.53126 0.62192 0.83672) |
| Adobe RGB | color(a98-rgb 0.5407 0.66074 0.86346) |
| ProPhoto RGB | color(prophoto-rgb 0.55197 0.59413 0.81328) |
| Linear sRGB | color(srgb-linear 0.20156 0.40198 0.73791) |
| XYZ D65 | color(xyz-d65 0.36004 0.38361 0.75322) |
| XYZ D50 | color(xyz-d50 0.34829 0.37775 0.56877) |
| SwiftUI | Color(red: 0.486, green: 0.667, blue: 0.875) |
| UIKit | UIColor(red: 0.486, green: 0.667, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF7CAADF) |
| Android XML | #7CAADF |

## Facts

- Closest name: Jordy Blue
- Hue family: Blue, soft light blue
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.42:1
- Contrast with black: 8.67:1

## Tints

#7caadf, #89b3e3, #96bbe6, #a3c3e9, #b0cced, #bdd4f0, #caddf3, #d7e5f6, #e4eef9, #f2f6fc

## Shades

#7caadf, #6b93c2, #5a7da5, #4a688a, #3b536f, #2c3f56, #1e2d3d, #111b27, #050b12, #010102

## Tones

#7caadf, #81aad9, #85aad4, #8aa9ce, #8ea9c9, #92a9c3, #96a8bd, #9aa8b8, #9ea7b2, #a2a7ac

## Harmonies

- Complementary: #7caadf, #ca9d63
- Split: #7caadf, #d89378, #b1a963
- Analogous: #7caadf, #5eb3d0, #9d9fdf
- Triadic: #7caadf, #d98e96, #90b376
- Tetradic: #7caadf, #ba96d0, #ca9d63, #90b376
- Square: #7caadf, #cf8fb6, #ca9d63, #6db995
- Monochromatic: #7caadf, #366192, #5885b8, #a1d1ff, #e2f6ff

## Questions about #7caadf

### What color is #7caadf?

#7caadf is soft light blue. The closest named color is Jordy Blue. In RGB it is rgb(124, 170, 223), in HSL hsl(212.12, 60.74%, 68.04%) and in OKLCH oklch(72.556% 0.09211 252.547).

### What colors go well with #7caadf?

The complementary color of #7caadf is #ca9d63. For a calmer combination use the analogous colors #5eb3d0 and #9d9fdf. The triadic partners are #d98e96 and #90b376.

### Is white or black text more readable on #7caadf?

Black text reads better on #7caadf: white gives a contrast ratio of 2.42:1 and black gives 8.67:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #7caadf a warm or cool color?

#7caadf is a cool color. In OKLCH its hue is 253 degrees, its lightness 72.6% and its chroma 0.092.