# #30bccc color: Panorama Blue

#30bccc is rgb(48, 188, 204) in RGB and oklch(73.081% 0.11502 206.609) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/30bccc

## Formats

| Format | Value |
| --- | --- |
| HEX | #30bccc |
| RGB | rgb(48, 188, 204) |
| HSL | hsl(186.15, 61.9%, 49.41%) |
| HSB / HSV | hsv(186.15 76.47% 80%) |
| HWB | hwb(186.15 18.82% 20%) |
| CMYK | cmyk(76% 8% 0% 20%) |
| Lab | lab(69.73 -33.4 -19.19) |
| LCH | lch(69.73 38.52 209.88) |
| OKLab | oklab(73.081% -0.10284 -0.05152) |
| OKLCH | oklch(73.081% 0.11502 206.609) |
| Display P3 | color(display-p3 0.37123 0.72685 0.78982) |
| Rec. 2020 | color(rec2020 0.44569 0.68433 0.7647) |
| Adobe RGB | color(a98-rgb 0.44001 0.73157 0.79253) |
| ProPhoto RGB | color(prophoto-rgb 0.47972 0.64894 0.74047) |
| Linear sRGB | color(srgb-linear 0.02956 0.50289 0.60383) |
| XYZ D65 | color(xyz-d65 0.30099 0.40953 0.63447) |
| XYZ D50 | color(xyz-d50 0.29297 0.40369 0.48043) |
| SwiftUI | Color(red: 0.188, green: 0.737, blue: 0.8) |
| UIKit | UIColor(red: 0.188, green: 0.737, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF30BCCC) |
| Android XML | #30BCCC |

## Facts

- Closest name: Panorama Blue
- 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.19:1

## Tints

#30bccc, #51c3d1, #6acad6, #80d1db, #94d7e1, #a7dee6, #b9e5eb, #cbebf0, #dcf2f5, #eef9fa

## Shades

#30bccc, #28a3b1, #218b97, #1a737e, #135d65, #0c474e, #063237, #031f22, #010d0f, #000202

## Tones

#30bccc, #47bac8, #58b8c5, #66b7c1, #72b5be, #7db3ba, #86b1b6, #90afb3, #98acaf, #a0aaab

## Harmonies

- Complementary: #30bccc, #e78b81
- Split: #30bccc, #e188a9, #df945d
- Analogous: #30bccc, #44bfa6, #58b2e7
- Triadic: #30bccc, #ce8ece, #c7a34a
- Tetradic: #30bccc, #87a6f1, #e78b81, #c7a34a
- Square: #30bccc, #af98e8, #e78b81, #a3b159
- Monochromatic: #30bccc, #00707e, #0096a6, #62e3f4, #bcffff

## Questions about #30bccc

### What color is #30bccc?

#30bccc is bright light cyan. The closest named color is Panorama Blue. In RGB it is rgb(48, 188, 204), in HSL hsl(186.15, 61.9%, 49.41%) and in OKLCH oklch(73.081% 0.11502 206.609).

### What colors go well with #30bccc?

The complementary color of #30bccc is #e78b81. For a calmer combination use the analogous colors #44bfa6 and #58b2e7. The triadic partners are #ce8ece and #c7a34a.

### Is white or black text more readable on #30bccc?

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

### Is #30bccc a warm or cool color?

#30bccc is a cool color. In OKLCH its hue is 207 degrees, its lightness 73.1% and its chroma 0.115.