# #2caaf3 color: Democrat

#2caaf3 is rgb(44, 170, 243) in RGB and oklch(70.52% 0.14924 240.416) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2caaf3

## Formats

| Format | Value |
| --- | --- |
| HEX | #2caaf3 |
| RGB | rgb(44, 170, 243) |
| HSL | hsl(202.01, 89.24%, 56.27%) |
| HSB / HSV | hsv(202.01 81.89% 95.29%) |
| HWB | hwb(202.01 17.25% 4.71%) |
| CMYK | cmyk(82% 30% 0% 5%) |
| Lab | lab(65.6 -15.19 -46.77) |
| LCH | lch(65.6 49.17 252.01) |
| OKLab | oklab(70.52% -0.07368 -0.12978) |
| OKLCH | oklch(70.52% 0.14924 240.416) |
| Display P3 | color(display-p3 0.33553 0.65722 0.9288) |
| Rec. 2020 | color(rec2020 0.41763 0.61326 0.91622) |
| Adobe RGB | color(a98-rgb 0.39894 0.66074 0.94154) |
| ProPhoto RGB | color(prophoto-rgb 0.48518 0.58318 0.89768) |
| Linear sRGB | color(srgb-linear 0.02519 0.40198 0.89627) |
| XYZ D65 | color(xyz-d65 0.31589 0.35754 0.90033) |
| XYZ D50 | color(xyz-d50 0.29404 0.34811 0.6794) |
| SwiftUI | Color(red: 0.173, green: 0.667, blue: 0.953) |
| UIKit | UIColor(red: 0.173, green: 0.667, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF2CAAF3) |
| Android XML | #2CAAF3 |

## Facts

- Closest name: Democrat
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: sky-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.58:1
- Contrast with black: 8.15:1

## Tints

#2caaf3, #4cb3f5, #65bcf7, #7bc5f8, #8fcdfa, #a3d6fb, #b5defc, #c8e6fd, #dbeffe, #edf7ff

## Shades

#2caaf3, #2593d3, #1e7db4, #176897, #11537a, #0a3f5e, #052d44, #021b2b, #010b14, #000103

## Tones

#2caaf3, #42aaeb, #52a9e3, #5fa8db, #6aa8d3, #75a7ca, #7fa5c2, #88a4ba, #90a3b1, #98a1a9

## Harmonies

- Complementary: #2caaf3, #e2872a
- Split: #2caaf3, #ee7866, #c39a00
- Analogous: #2caaf3, #00b6d1, #7d99fd
- Triadic: #2caaf3, #e9749b, #94ad30
- Tetradic: #2caaf3, #af88ee, #e2872a, #94ad30
- Square: #2caaf3, #d37bcb, #e2872a, #4db96d
- Monochromatic: #2caaf3, #00609c, #0084cb, #77d0ff, #cef2ff

## Questions about #2caaf3

### What color is #2caaf3?

#2caaf3 is bright light sky blue. The closest named color is Democrat. In RGB it is rgb(44, 170, 243), in HSL hsl(202.01, 89.24%, 56.27%) and in OKLCH oklch(70.52% 0.14924 240.416).

### What colors go well with #2caaf3?

The complementary color of #2caaf3 is #e2872a. For a calmer combination use the analogous colors #00b6d1 and #7d99fd. The triadic partners are #e9749b and #94ad30.

### Is white or black text more readable on #2caaf3?

Black text reads better on #2caaf3: white gives a contrast ratio of 2.58:1 and black gives 8.15:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2caaf3 a warm or cool color?

#2caaf3 is a cool color. In OKLCH its hue is 240 degrees, its lightness 70.5% and its chroma 0.149.