# #30bb99 color: First Post

#30bb99 is rgb(48, 187, 153) in RGB and oklch(71.145% 0.12594 172.076) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #30bb99 |
| RGB | rgb(48, 187, 153) |
| HSL | hsl(165.32, 59.15%, 46.08%) |
| HSB / HSV | hsv(165.32 74.33% 73.33%) |
| HWB | hwb(165.32 18.82% 26.67%) |
| CMYK | cmyk(74% 0% 18% 27%) |
| Lab | lab(68.18 -44.07 6.28) |
| LCH | lch(68.18 44.52 171.89) |
| OKLab | oklab(71.145% -0.12473 0.01736) |
| OKLCH | oklch(71.145% 0.12594 172.076) |
| Display P3 | color(display-p3 0.36957 0.72298 0.60679) |
| Rec. 2020 | color(rec2020 0.42867 0.67778 0.56775) |
| Adobe RGB | color(a98-rgb 0.43794 0.72762 0.60061) |
| ProPhoto RGB | color(prophoto-rgb 0.43606 0.63849 0.54436) |
| Linear sRGB | color(srgb-linear 0.02956 0.49693 0.31855) |
| XYZ D65 | color(xyz-d65 0.24738 0.38467 0.36259) |
| XYZ D50 | color(xyz-d50 0.24986 0.38213 0.27613) |
| SwiftUI | Color(red: 0.188, green: 0.733, blue: 0.6) |
| UIKit | UIColor(red: 0.188, green: 0.733, blue: 0.6, alpha: 1) |
| Flutter / Compose | Color(0xFF30BB99) |
| Android XML | #30BB99 |

## Facts

- Closest name: First Post
- Hue family: Emerald, bright light emerald
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.42:1
- Contrast with black: 8.69:1

## Tints

#30bb99, #51c2a3, #69c9ad, #7fd0b7, #93d7c1, #a6decb, #b8e4d5, #caebdf, #dcf2ea, #eef8f4

## Shades

#30bb99, #28a284, #218a70, #1a735d, #135c4a, #0c4638, #063227, #031f17, #010d08, #000201

## Tones

#30bb99, #46b99a, #56b69b, #63b49c, #6fb29d, #79af9d, #82ad9e, #8baa9f, #93a7a0, #9ba5a1

## Harmonies

- Complementary: #30bb99, #dd7faa
- Split: #30bb99, #c786d0, #e6807e
- Analogous: #30bb99, #72b66b, #00b8c3
- Triadic: #30bb99, #a492ea, #df8a53
- Tetradic: #30bb99, #3bafe3, #dd7faa, #df8a53
- Square: #30bb99, #76a1f0, #dd7faa, #c99936
- Monochromatic: #30bb99, #006f54, #009575, #61e2bf, #a2ffe7

## Questions about #30bb99

### What color is #30bb99?

#30bb99 is bright light emerald. The closest named color is First Post. In RGB it is rgb(48, 187, 153), in HSL hsl(165.32, 59.15%, 46.08%) and in OKLCH oklch(71.145% 0.12594 172.076).

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

The complementary color of #30bb99 is #dd7faa. For a calmer combination use the analogous colors #72b66b and #00b8c3. The triadic partners are #a492ea and #df8a53.

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

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

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

#30bb99 is a cool color. In OKLCH its hue is 172 degrees, its lightness 71.1% and its chroma 0.126.