# #22c7ff color: Shovel Knight

#22c7ff is rgb(34, 199, 255) in RGB and oklch(77.625% 0.14587 228.165) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/22c7ff

## Formats

| Format | Value |
| --- | --- |
| HEX | #22c7ff |
| RGB | rgb(34, 199, 255) |
| HSL | hsl(195.2, 100%, 56.67%) |
| HSB / HSV | hsv(195.2 86.67% 100%) |
| HWB | hwb(195.2 13.33% 0%) |
| CMYK | cmyk(87% 22% 0% 0%) |
| Lab | lab(74.42 -26.4 -39.53) |
| LCH | lch(74.42 47.54 236.26) |
| OKLab | oklab(77.625% -0.0973 -0.10869) |
| OKLCH | oklch(77.625% 0.14587 228.165) |
| Display P3 | color(display-p3 0.37273 0.76905 0.97866) |
| Rec. 2020 | color(rec2020 0.48061 0.73215 0.97294) |
| Adobe RGB | color(a98-rgb 0.45168 0.77515 0.99193) |
| ProPhoto RGB | color(prophoto-rgb 0.54701 0.70175 0.96217) |
| Linear sRGB | color(srgb-linear 0.016 0.57112 1) |
| XYZ D65 | color(xyz-d65 0.3913 0.48404 1.01892) |
| XYZ D50 | color(xyz-d50 0.37002 0.47361 0.76977) |
| SwiftUI | Color(red: 0.133, green: 0.78, blue: 1) |
| UIKit | UIColor(red: 0.133, green: 0.78, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF22C7FF) |
| Android XML | #22C7FF |

## Facts

- Closest name: Shovel Knight
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: sky-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.97:1
- Contrast with black: 10.68:1

## Tints

#22c7ff, #4dcdff, #68d3ff, #7fd9ff, #94dfff, #a7e4ff, #baeaff, #ccefff, #ddf5ff, #eefaff

## Shades

#22c7ff, #1cadde, #1693be, #117a9e, #0b6280, #074c63, #033648, #01212e, #000e16, #000203

## Tones

#22c7ff, #44c6f8, #59c4f1, #69c3ea, #77c2e2, #84c0db, #8fbed4, #9abccd, #a4bac5, #adb8be

## Harmonies

- Complementary: #22c7ff, #ff975e
- Split: #22c7ff, #ff8d92, #e9a933
- Analogous: #22c7ff, #00d1d8, #7eb7ff
- Triadic: #22c7ff, #f98dc6, #bfbd3c
- Tetradic: #22c7ff, #b2a6ff, #ff975e, #bfbd3c
- Square: #22c7ff, #dd97f2, #ff975e, #85cc6d
- Monochromatic: #22c7ff, #007aa7, #00a0d7, #9ae9ff, #d7fcff

## Questions about #22c7ff

### What color is #22c7ff?

#22c7ff is bright light sky blue. The closest named color is Shovel Knight. In RGB it is rgb(34, 199, 255), in HSL hsl(195.2, 100%, 56.67%) and in OKLCH oklch(77.625% 0.14587 228.165).

### What colors go well with #22c7ff?

The complementary color of #22c7ff is #ff975e. For a calmer combination use the analogous colors #00d1d8 and #7eb7ff. The triadic partners are #f98dc6 and #bfbd3c.

### Is white or black text more readable on #22c7ff?

Black text reads better on #22c7ff: white gives a contrast ratio of 1.97:1 and black gives 10.68:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #22c7ff a warm or cool color?

#22c7ff is a cool color. In OKLCH its hue is 228 degrees, its lightness 77.6% and its chroma 0.146.