#2dabff hex color

In a RGB color space, hex #2dabff is composed of 17.6% red, 67.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 32.9% magenta, 0% yellow and 0% black. It has a hue angle of 204 degrees, a saturation of 100% and a lightness of 58.8%. #2dabff color hex could be obtained by blending #5affff with #0057ff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 67
- B 100
RGB color chart
- C 82
- M 33
- Y 0
- K 0
CMYK color chart

● #2dabff color description : Vivid blue.

The hexadecimal color #2dabff has RGB values of R:45, G:171, B:255 and CMYK values of C:0.82, M:0.33, Y:0, K:0. Its decimal value is 2993151.

Hex triplet	2dabff	`#2dabff`
RGB Decimal	45, 171, 255	`rgb(45,171,255)`
RGB Percent	17.6, 67.1, 100	`rgb(17.6%,67.1%,100%)`
CMYK	82, 33, 0, 0
HSL	204°, 100, 58.8	`hsl(204,100%,58.8%)`
HSV (or HSB)	204°, 82.4, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.202, -4.775, -50.921
XYZ	33.691, 36.901, 99.949
xyY	0.198, 0.216, 36.901
CIE-LCH	67.202, 51.144, 264.643
CIE-LUV	67.202, -40.115, -82.07
Hunter-Lab	60.746, -7.306, -55.031
Binary	00101101, 10101011, 11111111

#2dabff
```
#2dabff rgb(45,171,255)
```
#ff812d
```
#ff812d rgb(255,129,45)
```

Complementary Color

#2dffea
```
#2dffea rgb(45,255,234)
```
#2dabff
```
#2dabff rgb(45,171,255)
```
#2d42ff
```
#2d42ff rgb(45,66,255)
```

Analogous Color

#ffea2d
```
#ffea2d rgb(255,234,45)
```
#2dabff
```
#2dabff rgb(45,171,255)
```
#ff2d42
```
#ff2d42 rgb(255,45,66)
```

Split Complementary Color

#abff2d
```
#abff2d rgb(171,255,45)
```
#2dabff
```
#2dabff rgb(45,171,255)
```
#ff2dab
```
#ff2dab rgb(255,45,171)
```

Triadic Color

#2dff81
```
#2dff81 rgb(45,255,129)
```
#2dabff
```
#2dabff rgb(45,171,255)
```
#ff2dab
```
#ff2dab rgb(255,45,171)
```
#ff812d
```
#ff812d rgb(255,129,45)
```

Tetradic Color

#0086e0
```
#0086e0 rgb(0,134,224)
```
#0095f9
```
#0095f9 rgb(0,149,249)
```
#14a1ff
```
#14a1ff rgb(20,161,255)
```
#2dabff
```
#2dabff rgb(45,171,255)
```
#47b5ff
```
#47b5ff rgb(71,181,255)
```
#60bfff
```
#60bfff rgb(96,191,255)
```
#7acaff
```
#7acaff rgb(122,202,255)
```

Monochromatic Color

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

#2de0ff
```
#2de0ff rgb(45,224,255)
```
#2dceff
```
#2dceff rgb(45,206,255)
```
#2dbdff
```
#2dbdff rgb(45,189,255)
```
#2dabff
```
#2dabff rgb(45,171,255)
```
#2d9aff
```
#2d9aff rgb(45,154,255)
```
#2d88ff
```
#2d88ff rgb(45,136,255)
```
#2d77ff
```
#2d77ff rgb(45,119,255)
```

Similar Colors

Text with hexadecimal color #2dabff

This text has a font color of #2dabff.

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

#2dabff background color

This paragraph has a background color of #2dabff.

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

#2dabff border color

This element has a border color of #2dabff.

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

CSS codes

.text {color:#2dabff;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000f19
```
#000f19 rgb(0,15,25)
```
#001b2d
```
#001b2d rgb(0,27,45)
```
#002741
```
#002741 rgb(0,39,65)
```
#003354
```
#003354 rgb(0,51,84)
```
#003e68
```
#003e68 rgb(0,62,104)
```
#004a7b
```
#004a7b rgb(0,74,123)
```
#00568f
```
#00568f rgb(0,86,143)
```
#0062a3
```
#0062a3 rgb(0,98,163)
```
#006db6
```
#006db6 rgb(0,109,182)
```
#0079ca
```
#0079ca rgb(0,121,202)
```
#0085de
```
#0085de rgb(0,133,222)
```
#0091f1
```
#0091f1 rgb(0,145,241)
```

Shade Color Variation

#069bff
```
#069bff rgb(6,155,255)
```
#19a3ff
```
#19a3ff rgb(25,163,255)
```
#2dabff
```
#2dabff rgb(45,171,255)
```
#41b3ff
```
#41b3ff rgb(65,179,255)
```
#54bbff
```
#54bbff rgb(84,187,255)
```
#68c3ff
```
#68c3ff rgb(104,195,255)
```
#7bcaff
```
#7bcaff rgb(123,202,255)
```
#8fd2ff
```
#8fd2ff rgb(143,210,255)
```
#a3daff
```
#a3daff rgb(163,218,255)
```
#b6e2ff
```
#b6e2ff rgb(182,226,255)
```
#caeaff
```
#caeaff rgb(202,234,255)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#f1f9ff
```
#f1f9ff rgb(241,249,255)
```

Tint Color Variation

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

#8e989e
```
#8e989e rgb(142,152,158)
```
#8699a6
```
#8699a6 rgb(134,153,166)
```
#7e9bae
```
#7e9bae rgb(126,155,174)
```
#769cb6
```
#769cb6 rgb(118,156,182)
```
#6e9ebe
```
#6e9ebe rgb(110,158,190)
```
#66a0c6
```
#66a0c6 rgb(102,160,198)
```
#5da1cf
```
#5da1cf rgb(93,161,207)
```
#55a3d7
```
#55a3d7 rgb(85,163,215)
```
#4da5df
```
#4da5df rgb(77,165,223)
```
#45a6e7
```
#45a6e7 rgb(69,166,231)
```
#3da8ef
```
#3da8ef rgb(61,168,239)
```
#35a9f7
```
#35a9f7 rgb(53,169,247)
```
#2dabff
```
#2dabff rgb(45,171,255)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7b95a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a5f7 Protanopia 1% of men
#72a8ff Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#67a7fa Protanomaly 1% of men, 0.01% of women
#59a9ff Deuteranomaly 6% of men, 0.4% of women
#10b3da Tritanomaly 0.01% of the population

#2dabff hex color

#2dabff Color Information

#2dabff Color Conversion

Color Schemes with #2dabff

Alternatives to #2dabff

#2dabff Preview

Shades and Tints of #2dabff

Tones of #2dabff

Color Blindness Simulator