#2baef0 hex color

In a RGB color space, hex #2baef0 is composed of 16.9% red, 68.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 27.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 200.1 degrees, a saturation of 86.8% and a lightness of 55.5%. #2baef0 color hex could be obtained by blending #56ffff with #005de1. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 68
- B 94
RGB color chart
- C 82
- M 28
- Y 0
- K 6
CMYK color chart

● #2baef0 color description : Bright blue.

The hexadecimal color #2baef0 has RGB values of R:43, G:174, B:240 and CMYK values of C:0.82, M:0.28, Y:0, K:0.06. Its decimal value is 2862832.

Hex triplet	2baef0	`#2baef0`
RGB Decimal	43, 174, 240	`rgb(43,174,240)`
RGB Percent	16.9, 68.2, 94.1	`rgb(16.9%,68.2%,94.1%)`
CMYK	82, 28, 0, 6
HSL	200.1°, 86.8, 55.5	`hsl(200.1,86.8%,55.5%)`
HSV (or HSB)	200.1°, 82.1, 94.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.333, -11.877, -42.556
XYZ	31.857, 37.074, 87.91
xyY	0.203, 0.236, 37.074
CIE-LCH	67.333, 44.183, 254.406
CIE-LUV	67.333, -42.213, -67.024
Hunter-Lab	60.888, -13.165, -42.981
Binary	00101011, 10101110, 11110000

#2baef0
```
#2baef0 rgb(43,174,240)
```
#f06d2b
```
#f06d2b rgb(240,109,43)
```

Complementary Color

#2bf0d0
```
#2bf0d0 rgb(43,240,208)
```
#2baef0
```
#2baef0 rgb(43,174,240)
```
#2b4bf0
```
#2b4bf0 rgb(43,75,240)
```

Analogous Color

#f0d02b
```
#f0d02b rgb(240,208,43)
```
#2baef0
```
#2baef0 rgb(43,174,240)
```
#f02b4b
```
#f02b4b rgb(240,43,75)
```

Split Complementary Color

#aef02b
```
#aef02b rgb(174,240,43)
```
#2baef0
```
#2baef0 rgb(43,174,240)
```
#f02bae
```
#f02bae rgb(240,43,174)
```

Triadic Color

#2bf06d
```
#2bf06d rgb(43,240,109)
```
#2baef0
```
#2baef0 rgb(43,174,240)
```
#f02bae
```
#f02bae rgb(240,43,174)
```
#f06d2b
```
#f06d2b rgb(240,109,43)
```

Tetradic Color

#0e85c1
```
#0e85c1 rgb(14,133,193)
```
#0f95d9
```
#0f95d9 rgb(15,149,217)
```
#13a5ee
```
#13a5ee rgb(19,165,238)
```
#2baef0
```
#2baef0 rgb(43,174,240)
```
#43b7f2
```
#43b7f2 rgb(67,183,242)
```
#5bc0f3
```
#5bc0f3 rgb(91,192,243)
```
#72c9f5
```
#72c9f5 rgb(114,201,245)
```

Monochromatic Color

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

#2bdff0
```
#2bdff0 rgb(43,223,240)
```
#2bcff0
```
#2bcff0 rgb(43,207,240)
```
#2bbef0
```
#2bbef0 rgb(43,190,240)
```
#2baef0
```
#2baef0 rgb(43,174,240)
```
#2b9ef0
```
#2b9ef0 rgb(43,158,240)
```
#2b8df0
```
#2b8df0 rgb(43,141,240)
```
#2b7df0
```
#2b7df0 rgb(43,125,240)
```

Similar Colors

Text with hexadecimal color #2baef0

This text has a font color of #2baef0.

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

#2baef0 background color

This paragraph has a background color of #2baef0.

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

#2baef0 border color

This element has a border color of #2baef0.

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

CSS codes

.text {color:#2baef0;}

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

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

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, #010508 is the darkest color, while #f5fbfe is the lightest one.

#010508
```
#010508 rgb(1,5,8)
```
#02121a
```
#02121a rgb(2,18,26)
```
#031f2c
```
#031f2c rgb(3,31,44)
```
#042b3f
```
#042b3f rgb(4,43,63)
```
#063851
```
#063851 rgb(6,56,81)
```
#074463
```
#074463 rgb(7,68,99)
```
#085176
```
#085176 rgb(8,81,118)
```
#0a5e88
```
#0a5e88 rgb(10,94,136)
```
#0b6a9a
```
#0b6a9a rgb(11,106,154)
```
#0c77ad
```
#0c77ad rgb(12,119,173)
```
#0e84bf
```
#0e84bf rgb(14,132,191)
```
#0f90d1
```
#0f90d1 rgb(15,144,209)
```
#109de4
```
#109de4 rgb(16,157,228)
```

Shade Color Variation

#19a7ef
```
#19a7ef rgb(25,167,239)
```
#2baef0
```
#2baef0 rgb(43,174,240)
```
#3db5f1
```
#3db5f1 rgb(61,181,241)
```
#50bcf3
```
#50bcf3 rgb(80,188,243)
```
#62c3f4
```
#62c3f4 rgb(98,195,244)
```
#74caf5
```
#74caf5 rgb(116,202,245)
```
#87d1f6
```
#87d1f6 rgb(135,209,246)
```
#99d8f8
```
#99d8f8 rgb(153,216,248)
```
#abdff9
```
#abdff9 rgb(171,223,249)
```
#bee6fa
```
#bee6fa rgb(190,230,250)
```
#d0edfc
```
#d0edfc rgb(208,237,252)
```
#e2f4fd
```
#e2f4fd rgb(226,244,253)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e90 is the less saturated color, while #22b1f9 is the most saturated one.

#8b8e90
```
#8b8e90 rgb(139,142,144)
```
#829199
```
#829199 rgb(130,145,153)
```
#7a94a1
```
#7a94a1 rgb(122,148,161)
```
#7197aa
```
#7197aa rgb(113,151,170)
```
#689ab3
```
#689ab3 rgb(104,154,179)
```
#5f9dbc
```
#5f9dbc rgb(95,157,188)
```
#57a0c4
```
#57a0c4 rgb(87,160,196)
```
#4ea2cd
```
#4ea2cd rgb(78,162,205)
```
#45a5d6
```
#45a5d6 rgb(69,165,214)
```
#3ca8df
```
#3ca8df rgb(60,168,223)
```
#34abe7
```
#34abe7 rgb(52,171,231)
```
#2baef0
```
#2baef0 rgb(43,174,240)
```
#22b1f9
```
#22b1f9 rgb(34,177,249)
```

Tone Color Variation

Below, you can see how #2baef0 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

#8e8e8e Achromatopsia 0.005% of the population
#7a94a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a6e8 Protanopia 1% of men
#81a8f4 Deuteranopia 1% of men
#00b9c5 Tritanopia 0.001% of the population

Trichromacy

#6ca9eb Protanomaly 1% of men, 0.01% of women
#62aaf3 Deuteranomaly 6% of men, 0.4% of women
#0fb5d5 Tritanomaly 0.01% of the population

#2baef0 hex color

#2baef0 Color Information

#2baef0 Color Conversion

Color Schemes with #2baef0

Alternatives to #2baef0

#2baef0 Preview

Shades and Tints of #2baef0

Tones of #2baef0

Color Blindness Simulator