#2dbaf2 hex color

In a RGB color space, hex #2dbaf2 is composed of 17.6% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 23.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 197.1 degrees, a saturation of 88.3% and a lightness of 56.3%. #2dbaf2 color hex could be obtained by blending #5affff with #0075e5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 73
- B 95
RGB color chart
- C 81
- M 23
- Y 0
- K 5
CMYK color chart

● #2dbaf2 color description : Bright blue.

The hexadecimal color #2dbaf2 has RGB values of R:45, G:186, B:242 and CMYK values of C:0.81, M:0.23, Y:0, K:0.05. Its decimal value is 2996978.

Hex triplet	2dbaf2	`#2dbaf2`
RGB Decimal	45, 186, 242	`rgb(45,186,242)`
RGB Percent	17.6, 72.9, 94.9	`rgb(17.6%,72.9%,94.9%)`
CMYK	81, 23, 0, 5
HSL	197.1°, 88.3, 56.3	`hsl(197.1,88.3%,56.3%)`
HSV (or HSB)	197.1°, 81.4, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.928, -17.459, -38.026
XYZ	34.664, 42.083, 90.295
xyY	0.208, 0.252, 42.083
CIE-LCH	70.928, 41.843, 245.338
CIE-LUV	70.928, -45.947, -59.044
Hunter-Lab	64.872, -18.145, -37.116
Binary	00101101, 10111010, 11110010

#2dbaf2
```
#2dbaf2 rgb(45,186,242)
```
#f2652d
```
#f2652d rgb(242,101,45)
```

Complementary Color

#2df2c8
```
#2df2c8 rgb(45,242,200)
```
#2dbaf2
```
#2dbaf2 rgb(45,186,242)
```
#2d58f2
```
#2d58f2 rgb(45,88,242)
```

Analogous Color

#f2c82d
```
#f2c82d rgb(242,200,45)
```
#2dbaf2
```
#2dbaf2 rgb(45,186,242)
```
#f22d58
```
#f22d58 rgb(242,45,88)
```

Split Complementary Color

#baf22d
```
#baf22d rgb(186,242,45)
```
#2dbaf2
```
#2dbaf2 rgb(45,186,242)
```
#f22dba
```
#f22dba rgb(242,45,186)
```

Triadic Color

#2df265
```
#2df265 rgb(45,242,101)
```
#2dbaf2
```
#2dbaf2 rgb(45,186,242)
```
#f22dba
```
#f22dba rgb(242,45,186)
```
#f2652d
```
#f2652d rgb(242,101,45)
```

Tetradic Color

#0c91c6
```
#0c91c6 rgb(12,145,198)
```
#0ea3de
```
#0ea3de rgb(14,163,222)
```
#15b2f1
```
#15b2f1 rgb(21,178,241)
```
#2dbaf2
```
#2dbaf2 rgb(45,186,242)
```
#45c2f3
```
#45c2f3 rgb(69,194,243)
```
#5dcaf5
```
#5dcaf5 rgb(93,202,245)
```
#75d2f6
```
#75d2f6 rgb(117,210,246)
```

Monochromatic Color

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

#2debf2
```
#2debf2 rgb(45,235,242)
```
#2ddbf2
```
#2ddbf2 rgb(45,219,242)
```
#2dcaf2
```
#2dcaf2 rgb(45,202,242)
```
#2dbaf2
```
#2dbaf2 rgb(45,186,242)
```
#2daaf2
```
#2daaf2 rgb(45,170,242)
```
#2d99f2
```
#2d99f2 rgb(45,153,242)
```
#2d89f2
```
#2d89f2 rgb(45,137,242)
```

Similar Colors

Text with hexadecimal color #2dbaf2

This text has a font color of #2dbaf2.

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

#2dbaf2 background color

This paragraph has a background color of #2dbaf2.

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

#2dbaf2 border color

This element has a border color of #2dbaf2.

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

CSS codes

.text {color:#2dbaf2;}

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

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

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, #01090c is the darkest color, while #f8fdff is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#02161e
```
#02161e rgb(2,22,30)
```
#032431
```
#032431 rgb(3,36,49)
```
#043143
```
#043143 rgb(4,49,67)
```
#053f56
```
#053f56 rgb(5,63,86)
```
#064c68
```
#064c68 rgb(6,76,104)
```
#085a7a
```
#085a7a rgb(8,90,122)
```
#09678d
```
#09678d rgb(9,103,141)
```
#0a759f
```
#0a759f rgb(10,117,159)
```
#0b82b2
```
#0b82b2 rgb(11,130,178)
```
#0c90c4
```
#0c90c4 rgb(12,144,196)
```
#0d9ed7
```
#0d9ed7 rgb(13,158,215)
```
#0eabe9
```
#0eabe9 rgb(14,171,233)
```

Shade Color Variation

#1bb4f1
```
#1bb4f1 rgb(27,180,241)
```
#2dbaf2
```
#2dbaf2 rgb(45,186,242)
```
#3fc0f3
```
#3fc0f3 rgb(63,192,243)
```
#52c6f4
```
#52c6f4 rgb(82,198,244)
```
#64ccf5
```
#64ccf5 rgb(100,204,245)
```
#77d2f7
```
#77d2f7 rgb(119,210,247)
```
#89d8f8
```
#89d8f8 rgb(137,216,248)
```
#9cdef9
```
#9cdef9 rgb(156,222,249)
```
#aee4fa
```
#aee4fa rgb(174,228,250)
```
#c1ebfb
```
#c1ebfb rgb(193,235,251)
```
#d3f1fc
```
#d3f1fc rgb(211,241,252)
```
#e6f7fd
```
#e6f7fd rgb(230,247,253)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#8b9194
```
#8b9194 rgb(139,145,148)
```
#83959c
```
#83959c rgb(131,149,156)
```
#7a99a5
```
#7a99a5 rgb(122,153,165)
```
#729cad
```
#729cad rgb(114,156,173)
```
#69a0b6
```
#69a0b6 rgb(105,160,182)
```
#60a4bf
```
#60a4bf rgb(96,164,191)
```
#58a7c7
```
#58a7c7 rgb(88,167,199)
```
#4fabd0
```
#4fabd0 rgb(79,171,208)
```
#47afd8
```
#47afd8 rgb(71,175,216)
```
#3eb3e1
```
#3eb3e1 rgb(62,179,225)
```
#36b6e9
```
#36b6e9 rgb(54,182,233)
```
#2dbaf2
```
#2dbaf2 rgb(45,186,242)
```
#24befb
```
#24befb rgb(36,190,251)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#819da8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0afe9 Protanopia 1% of men
#93b0f7 Deuteranopia 1% of men
#00c3d0 Tritanopia 0.001% of the population

Trichromacy

#76b3ec Protanomaly 1% of men, 0.01% of women
#6eb3f5 Deuteranomaly 6% of men, 0.4% of women
#10bfdc Tritanomaly 0.01% of the population

#2dbaf2 hex color

#2dbaf2 Color Information

#2dbaf2 Color Conversion

Color Schemes with #2dbaf2

Alternatives to #2dbaf2

#2dbaf2 Preview

Shades and Tints of #2dbaf2

Tones of #2dbaf2

Color Blindness Simulator