# #45bad4 color: Bachelor Button

#45bad4 is rgb(69, 186, 212) in RGB and oklch(73.403% 0.1089 215.398) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #45bad4 |
| RGB | rgb(69, 186, 212) |
| HSL | hsl(190.91, 62.45%, 55.1%) |
| HSB / HSV | hsv(190.91 67.45% 83.14%) |
| HWB | hwb(190.91 27.06% 16.86%) |
| CMYK | cmyk(67% 12% 0% 17%) |
| Lab | lab(69.84 -27.73 -23.33) |
| LCH | lch(69.84 36.24 220.08) |
| OKLab | oklab(73.403% -0.08877 -0.06308) |
| OKLCH | oklch(73.403% 0.1089 215.398) |
| Display P3 | color(display-p3 0.40461 0.7198 0.81871) |
| Rec. 2020 | color(rec2020 0.46537 0.67815 0.79607) |
| Adobe RGB | color(a98-rgb 0.46134 0.72367 0.82297) |
| ProPhoto RGB | color(prophoto-rgb 0.49902 0.64431 0.77264) |
| Linear sRGB | color(srgb-linear 0.05951 0.49102 0.65837) |
| XYZ D65 | color(xyz-d65 0.31895 0.41135 0.68548) |
| XYZ D50 | color(xyz-d50 0.30927 0.40516 0.51864) |
| SwiftUI | Color(red: 0.271, green: 0.729, blue: 0.831) |
| UIKit | UIColor(red: 0.271, green: 0.729, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF45BAD4) |
| Android XML | #45BAD4 |

## Facts

- Closest name: Bachelor Button
- Hue family: Cyan, bright light cyan
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.28:1
- Contrast with black: 9.23:1

## Tints

#45bad4, #5ec1d8, #74c8dd, #87cfe1, #99d6e6, #abddea, #bce4ee, #cdebf2, #def2f7, #eff8fb

## Shades

#45bad4, #3ba1b8, #31899d, #277283, #1e5c69, #154651, #0c323a, #051e24, #020d10, #000202

## Tones

#45bad4, #55b9d0, #62b7cc, #6eb5c7, #78b4c3, #82b2bf, #8ab0ba, #93afb6, #9aadb2, #a2abad

## Harmonies

- Complementary: #45bad4, #e58f79
- Split: #45bad4, #e38b9f, #d89a5b
- Analogous: #45bad4, #45bfb2, #6bb0e9
- Triadic: #45bad4, #d48ec4, #bea853
- Tetradic: #45bad4, #95a3ed, #e58f79, #bea853
- Square: #45bad4, #b997e0, #e58f79, #99b567
- Monochromatic: #45bad4, #007088, #0094ad, #71e1fc, #caffff

## Questions about #45bad4

### What color is #45bad4?

#45bad4 is bright light cyan. The closest named color is Bachelor Button. In RGB it is rgb(69, 186, 212), in HSL hsl(190.91, 62.45%, 55.1%) and in OKLCH oklch(73.403% 0.1089 215.398).

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

The complementary color of #45bad4 is #e58f79. For a calmer combination use the analogous colors #45bfb2 and #6bb0e9. The triadic partners are #d48ec4 and #bea853.

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

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

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

#45bad4 is a cool color. In OKLCH its hue is 215 degrees, its lightness 73.4% and its chroma 0.109.