# #2caaab color: Blue Island

#2caaab is rgb(44, 170, 171) in RGB and oklch(67.345% 0.10472 195.762) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2caaab |
| RGB | rgb(44, 170, 171) |
| HSL | hsl(180.47, 59.07%, 42.16%) |
| HSB / HSV | hsv(180.47 74.27% 67.06%) |
| HWB | hwb(180.47 17.25% 32.94%) |
| CMYK | cmyk(74% 1% 0% 33%) |
| Lab | lab(63.22 -34.05 -10.8) |
| LCH | lch(63.22 35.73 197.6) |
| OKLab | oklab(67.345% -0.10079 -0.02845) |
| OKLCH | oklch(67.345% 0.10472 195.762) |
| Display P3 | color(display-p3 0.33553 0.65722 0.66543) |
| Rec. 2020 | color(rec2020 0.39041 0.60857 0.62897) |
| Adobe RGB | color(a98-rgb 0.39894 0.66074 0.66449) |
| ProPhoto RGB | color(prophoto-rgb 0.41269 0.57131 0.60121) |
| Linear sRGB | color(srgb-linear 0.02519 0.40198 0.40724) |
| XYZ D65 | color(xyz-d65 0.22763 0.32224 0.4355) |
| XYZ D50 | color(xyz-d50 0.22407 0.31846 0.33019) |
| SwiftUI | Color(red: 0.173, green: 0.667, blue: 0.671) |
| UIKit | UIColor(red: 0.173, green: 0.667, blue: 0.671, alpha: 1) |
| Flutter / Compose | Color(0xFF2CAAAB) |
| Android XML | #2CAAAB |

## 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.82:1
- Contrast with black: 7.45:1

## Tints

#2caaab, #4cb3b3, #65bbbb, #7ac4c4, #8fcccc, #a2d5d4, #b5dddd, #c8e6e5, #daeeee, #edf7f6

## Shades

#2caaab, #259394, #1e7d7e, #176868, #115354, #0a3f40, #052d2d, #021b1b, #010b0b, #000101

## Tones

#2caaab, #40a8a9, #4fa6a7, #5ba5a5, #66a3a3, #70a1a1, #789f9f, #819d9c, #889b9a, #8f9898

## Harmonies

- Complementary: #2caaab, #ce7b80
- Split: #2caaab, #c57ba4, #cb815e
- Analogous: #2caaab, #4dab87, #40a3c7
- Triadic: #2caaab, #af82c2, #bb8d46
- Tetradic: #2caaab, #6a99d6, #ce7b80, #bb8d46
- Square: #2caaab, #908cd4, #ce7b80, #9f9a48
- Monochromatic: #2caaab, #006061, #008586, #5cd1d1, #86f8f9

## Questions about #2caaab

### What color is #2caaab?

#2caaab is bright cyan. The closest named color is Blue Island. In RGB it is rgb(44, 170, 171), in HSL hsl(180.47, 59.07%, 42.16%) and in OKLCH oklch(67.345% 0.10472 195.762).

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

The complementary color of #2caaab is #ce7b80. For a calmer combination use the analogous colors #4dab87 and #40a3c7. The triadic partners are #af82c2 and #bb8d46.

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

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

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

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