# #4bafdc color: Highlighter Blue

#4bafdc is rgb(75, 175, 220) in RGB and oklch(71.345% 0.11299 230.796) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/4bafdc

## Formats

| Format | Value |
| --- | --- |
| HEX | #4bafdc |
| RGB | rgb(75, 175, 220) |
| HSL | hsl(198.62, 67.44%, 57.84%) |
| HSB / HSV | hsv(198.62 65.91% 86.27%) |
| HWB | hwb(198.62 29.41% 13.73%) |
| CMYK | cmyk(66% 20% 0% 14%) |
| Lab | lab(67 -19.66 -31.99) |
| LCH | lch(67 37.54 238.43) |
| OKLab | oklab(71.345% -0.07142 -0.08756) |
| OKLCH | oklch(71.345% 0.11299 230.796) |
| Display P3 | color(display-p3 0.40158 0.67763 0.84553) |
| Rec. 2020 | color(rec2020 0.45265 0.63441 0.82477) |
| Adobe RGB | color(a98-rgb 0.44967 0.68035 0.85243) |
| ProPhoto RGB | color(prophoto-rgb 0.49241 0.60234 0.80121) |
| Linear sRGB | color(srgb-linear 0.07036 0.42869 0.71569) |
| XYZ D65 | color(xyz-d65 0.31148 0.37321 0.73275) |
| XYZ D50 | color(xyz-d50 0.29819 0.36636 0.55367) |
| SwiftUI | Color(red: 0.294, green: 0.686, blue: 0.863) |
| UIKit | UIColor(red: 0.294, green: 0.686, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF4BAFDC) |
| Android XML | #4BAFDC |

## Facts

- Closest name: Highlighter Blue
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.48:1
- Contrast with black: 8.46:1

## Tints

#4bafdc, #61b7e0, #75bfe4, #88c7e7, #9acfeb, #abd7ef, #bcdff2, #cde7f5, #deeff9, #eef7fc

## Shades

#4bafdc, #4098bf, #3581a3, #2b6b88, #21566e, #174154, #0e2e3c, #061c26, #020b11, #000102

## Tones

#4bafdc, #58aed6, #63add1, #6daccb, #76abc5, #7faac0, #86a8ba, #8ea7b4, #95a6ae, #9ca4a8

## Harmonies

- Complementary: #4bafdc, #db8d5f
- Split: #4bafdc, #e08584, #c79b48
- Analogous: #4bafdc, #2ab7bf, #7aa3e9
- Triadic: #4bafdc, #d884ab, #a6a950
- Tetradic: #4bafdc, #a396e4, #db8d5f, #a6a950
- Square: #4bafdc, #c38bce, #db8d5f, #7ab470
- Monochromatic: #4bafdc, #00658f, #1989b5, #74d6ff, #ccf7ff

## Questions about #4bafdc

### What color is #4bafdc?

#4bafdc is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(75, 175, 220), in HSL hsl(198.62, 67.44%, 57.84%) and in OKLCH oklch(71.345% 0.11299 230.796).

### What colors go well with #4bafdc?

The complementary color of #4bafdc is #db8d5f. For a calmer combination use the analogous colors #2ab7bf and #7aa3e9. The triadic partners are #d884ab and #a6a950.

### Is white or black text more readable on #4bafdc?

Black text reads better on #4bafdc: white gives a contrast ratio of 2.48:1 and black gives 8.46:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #4bafdc a warm or cool color?

#4bafdc is a cool color. In OKLCH its hue is 231 degrees, its lightness 71.3% and its chroma 0.113.