#33afff hex color

In a RGB color space, hex #33afff is composed of 20% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 203.5 degrees, a saturation of 100% and a lightness of 60%. #33afff color hex could be obtained by blending #66ffff with #005fff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 69
- B 100
RGB color chart
- C 80
- M 31
- Y 0
- K 0
CMYK color chart

● #33afff color description : Vivid blue.

The hexadecimal color #33afff has RGB values of R:51, G:175, B:255 and CMYK values of C:0.8, M:0.31, Y:0, K:0. Its decimal value is 3387391.

Hex triplet	33afff	`#33afff`
RGB Decimal	51, 175, 255	`rgb(51,175,255)`
RGB Percent	20, 68.6, 100	`rgb(20%,68.6%,100%)`
CMYK	80, 31, 0, 0
HSL	203.5°, 100, 60	`hsl(203.5,100%,60%)`
HSV (or HSB)	203.5°, 80, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.446, -6.498, -48.95
XYZ	34.741, 38.581, 100.218
xyY	0.2, 0.222, 38.581
CIE-LCH	68.446, 49.379, 262.438
CIE-LUV	68.446, -40.77, -78.732
Hunter-Lab	62.113, -8.861, -52.183
Binary	00110011, 10101111, 11111111

#33afff
```
#33afff rgb(51,175,255)
```
#ff8333
```
#ff8333 rgb(255,131,51)
```

Complementary Color

#33ffe9
```
#33ffe9 rgb(51,255,233)
```
#33afff
```
#33afff rgb(51,175,255)
```
#3349ff
```
#3349ff rgb(51,73,255)
```

Analogous Color

#ffe933
```
#ffe933 rgb(255,233,51)
```
#33afff
```
#33afff rgb(51,175,255)
```
#ff3349
```
#ff3349 rgb(255,51,73)
```

Split Complementary Color

#afff33
```
#afff33 rgb(175,255,51)
```
#33afff
```
#33afff rgb(51,175,255)
```
#ff33af
```
#ff33af rgb(255,51,175)
```

Triadic Color

#33ff83
```
#33ff83 rgb(51,255,131)
```
#33afff
```
#33afff rgb(51,175,255)
```
#ff33af
```
#ff33af rgb(255,51,175)
```
#ff8333
```
#ff8333 rgb(255,131,51)
```

Tetradic Color

#008ce6
```
#008ce6 rgb(0,140,230)
```
#009bff
```
#009bff rgb(0,155,255)
```
#1aa5ff
```
#1aa5ff rgb(26,165,255)
```
#33afff
```
#33afff rgb(51,175,255)
```
#4db9ff
```
#4db9ff rgb(77,185,255)
```
#66c3ff
```
#66c3ff rgb(102,195,255)
```
#80cdff
```
#80cdff rgb(128,205,255)
```

Monochromatic Color

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

#33e2ff
```
#33e2ff rgb(51,226,255)
```
#33d1ff
```
#33d1ff rgb(51,209,255)
```
#33c0ff
```
#33c0ff rgb(51,192,255)
```
#33afff
```
#33afff rgb(51,175,255)
```
#339eff
```
#339eff rgb(51,158,255)
```
#338dff
```
#338dff rgb(51,141,255)
```
#337cff
```
#337cff rgb(51,124,255)
```

Similar Colors

Text with hexadecimal color #33afff

This text has a font color of #33afff.

<span style="color:#33afff;">Text here</span>

#33afff background color

This paragraph has a background color of #33afff.

<p style="background-color:#33afff;">Content here</p>

#33afff border color

This element has a border color of #33afff.

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

CSS codes

.text {color:#33afff;}

.background {background-color:#33afff;}

.border {border:1px solid #33afff;}

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

#00070c
```
#00070c rgb(0,7,12)
```
#00131f
```
#00131f rgb(0,19,31)
```
#001f33
```
#001f33 rgb(0,31,51)
```
#002b47
```
#002b47 rgb(0,43,71)
```
#00375a
```
#00375a rgb(0,55,90)
```
#00436e
```
#00436e rgb(0,67,110)
```
#004f81
```
#004f81 rgb(0,79,129)
```
#005b95
```
#005b95 rgb(0,91,149)
```
#0067a9
```
#0067a9 rgb(0,103,169)
```
#0072bc
```
#0072bc rgb(0,114,188)
```
#007ed0
```
#007ed0 rgb(0,126,208)
```
#008ae4
```
#008ae4 rgb(0,138,228)
```
#0096f7
```
#0096f7 rgb(0,150,247)
```

Shade Color Variation

#0ca0ff
```
#0ca0ff rgb(12,160,255)
```
#1fa7ff
```
#1fa7ff rgb(31,167,255)
```
#33afff
```
#33afff rgb(51,175,255)
```
#47b7ff
```
#47b7ff rgb(71,183,255)
```
#5abeff
```
#5abeff rgb(90,190,255)
```
#6ec6ff
```
#6ec6ff rgb(110,198,255)
```
#81ceff
```
#81ceff rgb(129,206,255)
```
#95d5ff
```
#95d5ff rgb(149,213,255)
```
#a9ddff
```
#a9ddff rgb(169,221,255)
```
#bce5ff
```
#bce5ff rgb(188,229,255)
```
#d0edff
```
#d0edff rgb(208,237,255)
```
#e4f4ff
```
#e4f4ff rgb(228,244,255)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919ba1 is the less saturated color, while #33afff is the most saturated one.

#919ba1
```
#919ba1 rgb(145,155,161)
```
#899ca9
```
#899ca9 rgb(137,156,169)
```
#819eb1
```
#819eb1 rgb(129,158,177)
```
#7aa0b8
```
#7aa0b8 rgb(122,160,184)
```
#72a1c0
```
#72a1c0 rgb(114,161,192)
```
#6aa3c8
```
#6aa3c8 rgb(106,163,200)
```
#62a5d0
```
#62a5d0 rgb(98,165,208)
```
#5aa7d8
```
#5aa7d8 rgb(90,167,216)
```
#52a8e0
```
#52a8e0 rgb(82,168,224)
```
#4baae7
```
#4baae7 rgb(75,170,231)
```
#43acef
```
#43acef rgb(67,172,239)
```
#3badf7
```
#3badf7 rgb(59,173,247)
```
#33afff
```
#33afff rgb(51,175,255)
```

Tone Color Variation

Below, you can see how #33afff 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

#939393 Achromatopsia 0.005% of the population
#8099a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea8f7 Protanopia 1% of men
#7babff Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#6dabfa Protanomaly 1% of men, 0.01% of women
#61acff Deuteranomaly 6% of men, 0.4% of women
#12b7dc Tritanomaly 0.01% of the population

#33afff hex color

#33afff Color Information

#33afff Color Conversion

Color Schemes with #33afff

Alternatives to #33afff

#33afff Preview

Shades and Tints of #33afff

Tones of #33afff

Color Blindness Simulator