# #12bbaf color: Turquoise Topaz

#12bbaf is rgb(18, 187, 175) in RGB and oklch(71.408% 0.12269 186.622) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/12bbaf

## Formats

| Format | Value |
| --- | --- |
| HEX | #12bbaf |
| RGB | rgb(18, 187, 175) |
| HSL | hsl(175.74, 82.44%, 40.2%) |
| HSB / HSV | hsv(175.74 90.37% 73.33%) |
| HWB | hwb(175.74 7.06% 26.67%) |
| CMYK | cmyk(90% 0% 6% 27%) |
| Lab | lab(68.28 -42.2 -5.59) |
| LCH | lch(68.28 42.57 187.55) |
| OKLab | oklab(71.408% -0.12187 -0.01415) |
| OKLCH | oklch(71.408% 0.12269 186.622) |
| Display P3 | color(display-p3 0.3375 0.72246 0.68463) |
| Rec. 2020 | color(rec2020 0.41639 0.6775 0.65087) |
| Adobe RGB | color(a98-rgb 0.41675 0.72762 0.68237) |
| ProPhoto RGB | color(prophoto-rgb 0.43933 0.63911 0.62537) |
| Linear sRGB | color(srgb-linear 0.00605 0.49693 0.42869) |
| XYZ D65 | color(xyz-d65 0.25756 0.38763 0.46683) |
| XYZ D50 | color(xyz-d50 0.25537 0.38358 0.35445) |
| SwiftUI | Color(red: 0.071, green: 0.733, blue: 0.686) |
| UIKit | UIColor(red: 0.071, green: 0.733, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFF12BBAF) |
| Android XML | #12BBAF |

## Facts

- Closest name: Turquoise Topaz
- Hue family: Teal, bright light teal
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.4:1
- Contrast with black: 8.75:1

## Tints

#12bbaf, #44c2b7, #61c9bf, #79d0c6, #8ed7ce, #a2ded6, #b6e4de, #c8ebe6, #dbf2ef, #edf8f7

## Shades

#12bbaf, #0ea298, #0a8a81, #07736b, #045c56, #024641, #01322e, #011f1c, #000d0b, #000201

## Tones

#12bbaf, #38b9ae, #4db7ad, #5db4ab, #6ab2aa, #76b0a9, #80ada8, #8aaba6, #92a8a5, #9ba5a4

## Harmonies

- Complementary: #12bbaf, #e38196
- Split: #12bbaf, #d384bf, #e4866b
- Analogous: #12bbaf, #59ba83, #1db5d4
- Triadic: #12bbaf, #b68edf, #d69246
- Tetradic: #12bbaf, #5da9eb, #e38196, #d69246
- Square: #12bbaf, #8f9bef, #e38196, #b9a23c
- Monochromatic: #12bbaf, #006e65, #00958a, #54e2d5, #9cfffb

## Questions about #12bbaf

### What color is #12bbaf?

#12bbaf is bright light teal. The closest named color is Turquoise Topaz. In RGB it is rgb(18, 187, 175), in HSL hsl(175.74, 82.44%, 40.2%) and in OKLCH oklch(71.408% 0.12269 186.622).

### What colors go well with #12bbaf?

The complementary color of #12bbaf is #e38196. For a calmer combination use the analogous colors #59ba83 and #1db5d4. The triadic partners are #b68edf and #d69246.

### Is white or black text more readable on #12bbaf?

Black text reads better on #12bbaf: white gives a contrast ratio of 2.4:1 and black gives 8.75:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #12bbaf a warm or cool color?

#12bbaf is a cool color. In OKLCH its hue is 187 degrees, its lightness 71.4% and its chroma 0.123.