# #2baaaa color: Blue Island

#2baaaa is rgb(43, 170, 170) in RGB and oklch(67.29% 0.10515 194.944) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2baaaa

## Formats

| Format | Value |
| --- | --- |
| HEX | #2baaaa |
| RGB | rgb(43, 170, 170) |
| HSL | hsl(180, 59.62%, 41.76%) |
| HSB / HSV | hsv(180 74.71% 66.67%) |
| HWB | hwb(180 16.86% 33.33%) |
| CMYK | cmyk(75% 0% 0% 33%) |
| Lab | lab(63.17 -34.41 -10.32) |
| LCH | lch(63.17 35.92 196.69) |
| OKLab | oklab(67.29% -0.10159 -0.02712) |
| OKLCH | oklch(67.29% 0.10515 194.944) |
| Display P3 | color(display-p3 0.33403 0.6572 0.66182) |
| Rec. 2020 | color(rec2020 0.38925 0.60846 0.62509) |
| Adobe RGB | color(a98-rgb 0.39793 0.66074 0.66074) |
| ProPhoto RGB | color(prophoto-rgb 0.41124 0.57109 0.59739) |
| Linear sRGB | color(srgb-linear 0.02416 0.40198 0.40198) |
| XYZ D65 | color(xyz-d65 0.22625 0.32164 0.43047) |
| XYZ D50 | color(xyz-d50 0.22287 0.31792 0.32641) |
| SwiftUI | Color(red: 0.169, green: 0.667, blue: 0.667) |
| UIKit | UIColor(red: 0.169, green: 0.667, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF2BAAAA) |
| Android XML | #2BAAAA |

## Facts

- Closest name: Blue Island
- Hue family: Cyan, bright cyan
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.83:1
- Contrast with black: 7.43:1

## Tints

#2baaaa, #4cb3b2, #64bbbb, #7ac4c3, #8ecccb, #a2d5d4, #b5dddc, #c8e6e5, #daeeee, #edf7f6

## Shades

#2baaaa, #249393, #1d7d7d, #166868, #105353, #0a3f3f, #052d2d, #021b1b, #010b0b, #000101

## Tones

#2baaaa, #40a8a8, #4fa6a6, #5ba5a4, #66a3a2, #6fa1a0, #789f9e, #809d9c, #889a9a, #8f9898

## Harmonies

- Complementary: #2baaaa, #ce7a81
- Split: #2baaaa, #c47ba5, #cc805e
- Analogous: #2baaaa, #4eab86, #3ea3c7
- Triadic: #2baaaa, #af82c3, #bc8c46
- Tetradic: #2baaaa, #6999d6, #ce7a81, #bc8c46
- Square: #2baaaa, #8f8dd4, #ce7a81, #a09a47
- Monochromatic: #2baaaa, #006060, #008585, #5bd1d0, #85f8f8

## Questions about #2baaaa

### What color is #2baaaa?

#2baaaa is bright cyan. The closest named color is Blue Island. In RGB it is rgb(43, 170, 170), in HSL hsl(180, 59.62%, 41.76%) and in OKLCH oklch(67.29% 0.10515 194.944).

### What colors go well with #2baaaa?

The complementary color of #2baaaa is #ce7a81. For a calmer combination use the analogous colors #4eab86 and #3ea3c7. The triadic partners are #af82c3 and #bc8c46.

### Is white or black text more readable on #2baaaa?

Black text reads better on #2baaaa: white gives a contrast ratio of 2.83:1 and black gives 7.43:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2baaaa a warm or cool color?

#2baaaa is a cool color. In OKLCH its hue is 195 degrees, its lightness 67.3% and its chroma 0.105.