# #baddf3 color: Diluted Blue

#baddf3 is rgb(186, 221, 243) in RGB and oklch(87.934% 0.04787 235.685) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/baddf3

## Formats

| Format | Value |
| --- | --- |
| HEX | #baddf3 |
| RGB | rgb(186, 221, 243) |
| HSL | hsl(203.16, 70.37%, 84.12%) |
| HSB / HSV | hsv(203.16 23.46% 95.29%) |
| HWB | hwb(203.16 72.94% 4.71%) |
| CMYK | cmyk(23% 9% 0% 5%) |
| Lab | lab(86.1 -8.35 -14.82) |
| LCH | lch(86.1 17.01 240.59) |
| OKLab | oklab(87.934% -0.02698 -0.03953) |
| OKLCH | oklch(87.934% 0.04787 235.685) |
| Display P3 | color(display-p3 0.75619 0.86256 0.94376) |
| Rec. 2020 | color(rec2020 0.76433 0.84238 0.93556) |
| Adobe RGB | color(a98-rgb 0.76645 0.86291 0.94797) |
| ProPhoto RGB | color(prophoto-rgb 0.76992 0.82357 0.92499) |
| Linear sRGB | color(srgb-linear 0.49102 0.72306 0.89627) |
| XYZ D65 | color(xyz-d65 0.62281 0.68622 0.94761) |
| XYZ D50 | color(xyz-d50 0.62084 0.68193 0.71706) |
| SwiftUI | Color(red: 0.729, green: 0.867, blue: 0.953) |
| UIKit | UIColor(red: 0.729, green: 0.867, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFBADDF3) |
| Android XML | #BADDF3 |

## Facts

- Closest name: Diluted Blue
- Hue family: Sky blue, pastel very light sky blue
- Closest Tailwind class: blue-200
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.43:1
- Contrast with black: 14.72:1

## Tints

#baddf3, #c1e0f4, #c8e4f6, #cfe7f7, #d6ebf8, #ddeef9, #e3f1fa, #eaf5fc, #f1f8fd, #f8fcfe

## Shades

#baddf3, #a1c0d3, #89a4b4, #728897, #5c6e7a, #46555e, #323d44, #1e262b, #0d1114, #020203

## Tones

#baddf3, #bddcf0, #c0dced, #c3dbeb, #c6dbe8, #c9dae5, #ccdae2, #cfd9e0, #d2d8dd, #d4d8da

## Harmonies

- Complementary: #baddf3, #f1d0ba
- Split: #baddf3, #f6ccc7, #e6d6b4
- Analogous: #baddf3, #b3e1e7, #c8d7f8
- Triadic: #baddf3, #f2cbd8, #d5dcb8
- Tetradic: #baddf3, #d9d2f4, #f1d0ba, #d5dcb8
- Square: #baddf3, #e8cde9, #f1d0ba, #c4e0c5
- Monochromatic: #baddf3, #7091a5, #94b6cc, #dcfaff, #dcfaff

## Questions about #baddf3

### What color is #baddf3?

#baddf3 is pastel very light sky blue. The closest named color is Diluted Blue. In RGB it is rgb(186, 221, 243), in HSL hsl(203.16, 70.37%, 84.12%) and in OKLCH oklch(87.934% 0.04787 235.685).

### What colors go well with #baddf3?

The complementary color of #baddf3 is #f1d0ba. For a calmer combination use the analogous colors #b3e1e7 and #c8d7f8. The triadic partners are #f2cbd8 and #d5dcb8.

### Is white or black text more readable on #baddf3?

Black text reads better on #baddf3: white gives a contrast ratio of 1.43:1 and black gives 14.72:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #baddf3 a warm or cool color?

#baddf3 is a cool color. In OKLCH its hue is 236 degrees, its lightness 87.9% and its chroma 0.048.