#2ba4ce hex color

In a RGB color space, hex #2ba4ce is composed of 16.9% red, 64.3% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 20.4% magenta, 0% yellow and 19.2% black. It has a hue angle of 195.5 degrees, a saturation of 65.5% and a lightness of 48.8%. #2ba4ce color hex could be obtained by blending #56ffff with #00499d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 64
- B 81
RGB color chart
- C 79
- M 20
- Y 0
- K 19
CMYK color chart

● #2ba4ce color description : Strong blue.

The hexadecimal color #2ba4ce has RGB values of R:43, G:164, B:206 and CMYK values of C:0.79, M:0.2, Y:0, K:0.19. Its decimal value is 2860238.

Hex triplet	2ba4ce	`#2ba4ce`
RGB Decimal	43, 164, 206	`rgb(43,164,206)`
RGB Percent	16.9, 64.3, 80.8	`rgb(16.9%,64.3%,80.8%)`
CMYK	79, 20, 0, 19
HSL	195.5°, 65.5, 48.8	`hsl(195.5,65.5%,48.8%)`
HSV (or HSB)	195.5°, 79.1, 80.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.943, -18.173, -30.666
XYZ	25.409, 31.518, 63.134
xyY	0.212, 0.263, 31.518
CIE-LCH	62.943, 35.646, 239.349
CIE-LUV	62.943, -40.931, -45.645
Hunter-Lab	56.141, -17.459, -27.376
Binary	00101011, 10100100, 11001110

#2ba4ce
```
#2ba4ce rgb(43,164,206)
```
#ce552b
```
#ce552b rgb(206,85,43)
```

Complementary Color

#2bcea7
```
#2bcea7 rgb(43,206,167)
```
#2ba4ce
```
#2ba4ce rgb(43,164,206)
```
#2b53ce
```
#2b53ce rgb(43,83,206)
```

Analogous Color

#cea72b
```
#cea72b rgb(206,167,43)
```
#2ba4ce
```
#2ba4ce rgb(43,164,206)
```
#ce2b53
```
#ce2b53 rgb(206,43,83)
```

Split Complementary Color

#a4ce2b
```
#a4ce2b rgb(164,206,43)
```
#2ba4ce
```
#2ba4ce rgb(43,164,206)
```
#ce2ba4
```
#ce2ba4 rgb(206,43,164)
```

Triadic Color

#2bce55
```
#2bce55 rgb(43,206,85)
```
#2ba4ce
```
#2ba4ce rgb(43,164,206)
```
#ce2ba4
```
#ce2ba4 rgb(206,43,164)
```
#ce552b
```
#ce552b rgb(206,85,43)
```

Tetradic Color

#1e728f
```
#1e728f rgb(30,114,143)
```
#2282a4
```
#2282a4 rgb(34,130,164)
```
#2793b9
```
#2793b9 rgb(39,147,185)
```
#2ba4ce
```
#2ba4ce rgb(43,164,206)
```
#3cafd6
```
#3cafd6 rgb(60,175,214)
```
#51b7db
```
#51b7db rgb(81,183,219)
```
#66c0df
```
#66c0df rgb(102,192,223)
```

Monochromatic Color

Below, you can see some colors close to #2ba4ce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2bcdce
```
#2bcdce rgb(43,205,206)
```
#2bbfce
```
#2bbfce rgb(43,191,206)
```
#2bb2ce
```
#2bb2ce rgb(43,178,206)
```
#2ba4ce
```
#2ba4ce rgb(43,164,206)
```
#2b96ce
```
#2b96ce rgb(43,150,206)
```
#2b89ce
```
#2b89ce rgb(43,137,206)
```
#2b7bce
```
#2b7bce rgb(43,123,206)
```

Similar Colors

Text with hexadecimal color #2ba4ce

This text has a font color of #2ba4ce.

<span style="color:#2ba4ce;">Text here</span>

#2ba4ce background color

This paragraph has a background color of #2ba4ce.

<p style="background-color:#2ba4ce;">Content here</p>

#2ba4ce border color

This element has a border color of #2ba4ce.

<div style="border:1px solid #2ba4ce;">Content here</div>

CSS codes

.text {color:#2ba4ce;}

.background {background-color:#2ba4ce;}

.border {border:1px solid #2ba4ce;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #02090b is the darkest color, while #fafdfe is the lightest one.

#02090b
```
#02090b rgb(2,9,11)
```
#06161b
```
#06161b rgb(6,22,27)
```
#09232c
```
#09232c rgb(9,35,44)
```
#0d303c
```
#0d303c rgb(13,48,60)
```
#103d4c
```
#103d4c rgb(16,61,76)
```
#134a5c
```
#134a5c rgb(19,74,92)
```
#17566d
```
#17566d rgb(23,86,109)
```
#1a637d
```
#1a637d rgb(26,99,125)
```
#1d708d
```
#1d708d rgb(29,112,141)
```
#217d9d
```
#217d9d rgb(33,125,157)
```
#248aae
```
#248aae rgb(36,138,174)
```
#2897be
```
#2897be rgb(40,151,190)
```
#2ba4ce
```
#2ba4ce rgb(43,164,206)
```

Shade Color Variation

#37add5
```
#37add5 rgb(55,173,213)
```
#48b3d9
```
#48b3d9 rgb(72,179,217)
```
#58badc
```
#58badc rgb(88,186,220)
```
#68c1df
```
#68c1df rgb(104,193,223)
```
#78c7e3
```
#78c7e3 rgb(120,199,227)
```
#88cee6
```
#88cee6 rgb(136,206,230)
```
#99d5ea
```
#99d5ea rgb(153,213,234)
```
#a9dbed
```
#a9dbed rgb(169,219,237)
```
#b9e2f0
```
#b9e2f0 rgb(185,226,240)
```
#c9e9f4
```
#c9e9f4 rgb(201,233,244)
```
#daf0f7
```
#daf0f7 rgb(218,240,247)
```
#eaf6fb
```
#eaf6fb rgb(234,246,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787f81 is the less saturated color, while #05b7f4 is the most saturated one.

#787f81
```
#787f81 rgb(120,127,129)
```
#6e848b
```
#6e848b rgb(110,132,139)
```
#648895
```
#648895 rgb(100,136,149)
```
#5b8d9e
```
#5b8d9e rgb(91,141,158)
```
#5191a8
```
#5191a8 rgb(81,145,168)
```
#4896b1
```
#4896b1 rgb(72,150,177)
```
#3e9bbb
```
#3e9bbb rgb(62,155,187)
```
#359fc4
```
#359fc4 rgb(53,159,196)
```
#2ba4ce
```
#2ba4ce rgb(43,164,206)
```
#21a9d8
```
#21a9d8 rgb(33,169,216)
```
#18ade1
```
#18ade1 rgb(24,173,225)
```
#0eb2eb
```
#0eb2eb rgb(14,178,235)
```
#05b7f4
```
#05b7f4 rgb(5,183,244)
```

Tone Color Variation

Below, you can see how #2ba4ce is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#858585 Achromatopsia 0.005% of the population
#738b94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#919bc7 Protanopia 1% of men
#899cd5 Deuteranopia 1% of men
#00acb9 Tritanopia 0.001% of the population

Trichromacy

#6c9eca Protanomaly 1% of men, 0.01% of women
#669ed2 Deuteranomaly 6% of men, 0.4% of women
#0fa9c0 Tritanomaly 0.01% of the population

#2ba4ce hex color

#2ba4ce Color Information

#2ba4ce Color Conversion

Color Schemes with #2ba4ce

Alternatives to #2ba4ce

#2ba4ce Preview

Shades and Tints of #2ba4ce

Tones of #2ba4ce

Color Blindness Simulator