# #7cbdd3 color: Petit Four

#7cbdd3 is rgb(124, 189, 211) in RGB and oklch(76.253% 0.07319 221.331) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7cbdd3 |
| RGB | rgb(124, 189, 211) |
| HSL | hsl(195.17, 49.71%, 65.69%) |
| HSB / HSV | hsv(195.17 41.23% 82.75%) |
| HWB | hwb(195.17 48.63% 17.25%) |
| CMYK | cmyk(41% 10% 0% 17%) |
| Lab | lab(72.84 -17.28 -18.02) |
| LCH | lch(72.84 24.96 226.21) |
| OKLab | oklab(76.253% -0.05496 -0.04834) |
| OKLCH | oklch(76.253% 0.07319 221.331) |
| Display P3 | color(display-p3 0.54309 0.73449 0.81721) |
| Rec. 2020 | color(rec2020 0.56108 0.69761 0.79458) |
| Adobe RGB | color(a98-rgb 0.56877 0.73552 0.81954) |
| ProPhoto RGB | color(prophoto-rgb 0.57235 0.66719 0.77159) |
| Linear sRGB | color(srgb-linear 0.20156 0.50888 0.65141) |
| XYZ D65 | color(xyz-d65 0.38265 0.45382 0.68373) |
| XYZ D50 | color(xyz-d50 0.37709 0.44914 0.51738) |
| SwiftUI | Color(red: 0.486, green: 0.741, blue: 0.827) |
| UIKit | UIColor(red: 0.486, green: 0.741, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFF7CBDD3) |
| Android XML | #7CBDD3 |

## Facts

- Closest name: Petit Four
- Hue family: Sky blue, dusty light sky blue
- Closest Tailwind class: mist-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.08:1
- Contrast with black: 10.08:1

## Tints

#7cbdd3, #8ac4d7, #97cadc, #a5d1e0, #b2d7e5, #bfdee9, #cce5ee, #d8ebf2, #e5f2f6, #f2f8fb

## Shades

#7cbdd3, #6ba4b7, #5a8c9c, #4a7482, #3b5d69, #2c4751, #1e333a, #111f24, #050d10, #010202

## Tones

#7cbdd3, #82bcd0, #88bbcc, #8ebac9, #94b9c6, #99b8c3, #9eb7bf, #a3b5bc, #a8b4b8, #adb3b5

## Harmonies

- Complementary: #7cbdd3, #dba38e
- Split: #7cbdd3, #dc9fa6, #d0ab7e
- Analogous: #7cbdd3, #78c1bd, #90b6e0
- Triadic: #7cbdd3, #d3a0c0, #bbb47d
- Tetradic: #7cbdd3, #a9ade0, #dba38e, #bbb47d
- Square: #7cbdd3, #c1a5d4, #dba38e, #a1bc8b
- Monochromatic: #7cbdd3, #327388, #5797ad, #a2e4fb, #d1feff

## Questions about #7cbdd3

### What color is #7cbdd3?

#7cbdd3 is dusty light sky blue. The closest named color is Petit Four. In RGB it is rgb(124, 189, 211), in HSL hsl(195.17, 49.71%, 65.69%) and in OKLCH oklch(76.253% 0.07319 221.331).

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

The complementary color of #7cbdd3 is #dba38e. For a calmer combination use the analogous colors #78c1bd and #90b6e0. The triadic partners are #d3a0c0 and #bbb47d.

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

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

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

#7cbdd3 is a cool color. In OKLCH its hue is 221 degrees, its lightness 76.3% and its chroma 0.073.