# #45ccf3 color: Thor’s Thunder

#45ccf3 is rgb(69, 204, 243) in RGB and oklch(78.881% 0.12584 221.286) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/45ccf3

## Formats

| Format | Value |
| --- | --- |
| HEX | #45ccf3 |
| RGB | rgb(69, 204, 243) |
| HSL | hsl(193.45, 87.88%, 61.18%) |
| HSB / HSV | hsv(193.45 71.6% 95.29%) |
| HWB | hwb(193.45 27.06% 4.71%) |
| CMYK | cmyk(72% 16% 0% 5%) |
| Lab | lab(76.1 -28.24 -30.5) |
| LCH | lch(76.1 41.56 227.2) |
| OKLab | oklab(78.881% -0.09456 -0.08303) |
| OKLCH | oklch(78.881% 0.12584 221.286) |
| Display P3 | color(display-p3 0.43166 0.78925 0.93613) |
| Rec. 2020 | color(rec2020 0.51561 0.754 0.92615) |
| Adobe RGB | color(a98-rgb 0.49666 0.79502 0.94559) |
| ProPhoto RGB | color(prophoto-rgb 0.56412 0.72355 0.91232) |
| Linear sRGB | color(srgb-linear 0.05951 0.60383 0.89627) |
| XYZ D65 | color(xyz-d65 0.40222 0.5092 0.92506) |
| XYZ D50 | color(xyz-d50 0.38675 0.50045 0.69947) |
| SwiftUI | Color(red: 0.271, green: 0.8, blue: 0.953) |
| UIKit | UIColor(red: 0.271, green: 0.8, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFF45CCF3) |
| Android XML | #45CCF3 |

## Facts

- Closest name: Thor’s Thunder
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: cyan-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.88:1
- Contrast with black: 11.18:1

## Tints

#45ccf3, #60d1f5, #77d7f6, #8bdcf7, #9de1f9, #aee6fa, #bfecfb, #d0f1fc, #e0f5fd, #effafe

## Shades

#45ccf3, #3bb1d3, #3197b4, #277e97, #1e657a, #154e5e, #0c3744, #05222b, #020f14, #000203

## Tones

#45ccf3, #59cbed, #69c9e8, #76c7e2, #82c6dd, #8dc4d7, #97c2d1, #a1c0cb, #a9bec6, #b2bcc0

## Harmonies

- Complementary: #45ccf3, #fe9e79
- Split: #45ccf3, #ff97a6, #ecac58
- Analogous: #45ccf3, #33d3ce, #7bbfff
- Triadic: #45ccf3, #f199d2, #cbbd55
- Tetradic: #45ccf3, #acb0ff, #fe9e79, #cbbd55
- Square: #45ccf3, #d4a2f5, #fe9e79, #9dcb73
- Monochromatic: #45ccf3, #0080a3, #00a5cb, #98f0ff, #d1feff

## Questions about #45ccf3

### What color is #45ccf3?

#45ccf3 is bright light sky blue. The closest named color is Thor’s Thunder. In RGB it is rgb(69, 204, 243), in HSL hsl(193.45, 87.88%, 61.18%) and in OKLCH oklch(78.881% 0.12584 221.286).

### What colors go well with #45ccf3?

The complementary color of #45ccf3 is #fe9e79. For a calmer combination use the analogous colors #33d3ce and #7bbfff. The triadic partners are #f199d2 and #cbbd55.

### Is white or black text more readable on #45ccf3?

Black text reads better on #45ccf3: white gives a contrast ratio of 1.88:1 and black gives 11.18:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #45ccf3 a warm or cool color?

#45ccf3 is a cool color. In OKLCH its hue is 221 degrees, its lightness 78.9% and its chroma 0.126.