# #64afcc color: Blue Topaz

#64afcc is rgb(100, 175, 204) in RGB and oklch(71.638% 0.08565 225.159) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/64afcc

## Formats

| Format | Value |
| --- | --- |
| HEX | #64afcc |
| RGB | rgb(100, 175, 204) |
| HSL | hsl(196.73, 50.49%, 59.61%) |
| HSB / HSV | hsv(196.73 50.98% 80%) |
| HWB | hwb(196.73 39.22% 20%) |
| CMYK | cmyk(51% 14% 0% 20%) |
| Lab | lab(67.45 -18.25 -22.45) |
| LCH | lch(67.45 28.93 230.9) |
| OKLab | oklab(71.638% -0.06039 -0.06073) |
| OKLCH | oklch(71.638% 0.08565 225.159) |
| Display P3 | color(display-p3 0.46246 0.67902 0.78759) |
| Rec. 2020 | color(rec2020 0.4869 0.63658 0.76142) |
| Adobe RGB | color(a98-rgb 0.49528 0.68035 0.79069) |
| ProPhoto RGB | color(prophoto-rgb 0.50644 0.60439 0.73546) |
| Linear sRGB | color(srgb-linear 0.12744 0.42869 0.60383) |
| XYZ D65 | color(xyz-d65 0.31483 0.37728 0.62752) |
| XYZ D50 | color(xyz-d50 0.30708 0.37228 0.47458) |
| SwiftUI | Color(red: 0.392, green: 0.686, blue: 0.8) |
| UIKit | UIColor(red: 0.392, green: 0.686, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF64AFCC) |
| Android XML | #64AFCC |

## Facts

- Closest name: Blue Topaz
- Hue family: Sky blue, soft light sky blue
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.46:1
- Contrast with black: 8.55:1

## Tints

#64afcc, #75b7d1, #85bfd6, #95c7dc, #a4cfe1, #b3d7e6, #c3dfeb, #d2e7f0, #e1eff5, #f0f7fa

## Shades

#64afcc, #5698b1, #488197, #3b6b7e, #2e5665, #22414e, #162e37, #0b1c22, #030b0f, #000102

## Tones

#64afcc, #6caec8, #74adc4, #7bacc0, #81abbc, #87aab8, #8da8b4, #93a7b0, #99a6ac, #9ea5a7

## Harmonies

- Complementary: #64afcc, #d19376
- Split: #64afcc, #d48d92, #c39c65
- Analogous: #64afcc, #5bb4b4, #7fa6d9
- Triadic: #64afcc, #cb8eb0, #aba766
- Tetradic: #64afcc, #9e9cd7, #d19376, #aba766
- Square: #64afcc, #b893c9, #d19376, #8cb079
- Monochromatic: #64afcc, #106681, #3e8aa6, #8ad6f4, #c9f9ff

## Questions about #64afcc

### What color is #64afcc?

#64afcc is soft light sky blue. The closest named color is Blue Topaz. In RGB it is rgb(100, 175, 204), in HSL hsl(196.73, 50.49%, 59.61%) and in OKLCH oklch(71.638% 0.08565 225.159).

### What colors go well with #64afcc?

The complementary color of #64afcc is #d19376. For a calmer combination use the analogous colors #5bb4b4 and #7fa6d9. The triadic partners are #cb8eb0 and #aba766.

### Is white or black text more readable on #64afcc?

Black text reads better on #64afcc: white gives a contrast ratio of 2.46:1 and black gives 8.55:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #64afcc a warm or cool color?

#64afcc is a cool color. In OKLCH its hue is 225 degrees, its lightness 71.6% and its chroma 0.086.