#33bdef hex color

In a RGB color space, hex #33bdef is composed of 20% red, 74.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 20.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 196 degrees, a saturation of 85.5% and a lightness of 56.9%. #33bdef color hex could be obtained by blending #66ffff with #007bdf. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 20
- G 74
- B 94
RGB color chart
- C 79
- M 21
- Y 0
- K 6
CMYK color chart

● #33bdef color description : Bright blue.

The hexadecimal color #33bdef has RGB values of R:51, G:189, B:239 and CMYK values of C:0.79, M:0.21, Y:0, K:0.06. Its decimal value is 3390959.

Hex triplet	33bdef	`#33bdef`
RGB Decimal	51, 189, 239	`rgb(51,189,239)`
RGB Percent	20, 74.1, 93.7	`rgb(20%,74.1%,93.7%)`
CMYK	79, 21, 0, 6
HSL	196°, 85.5, 56.9	`hsl(196,85.5%,56.9%)`
HSV (or HSB)	196°, 78.7, 93.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.777, -19.494, -35.075
XYZ	35.139, 43.328, 88.168
xyY	0.211, 0.26, 43.328
CIE-LCH	71.777, 40.128, 240.936
CIE-LUV	71.777, -46.486, -53.814
Hunter-Lab	65.824, -19.903, -33.339
Binary	00110011, 10111101, 11101111

#33bdef
```
#33bdef rgb(51,189,239)
```
#ef6533
```
#ef6533 rgb(239,101,51)
```

Complementary Color

#33efc3
```
#33efc3 rgb(51,239,195)
```
#33bdef
```
#33bdef rgb(51,189,239)
```
#335fef
```
#335fef rgb(51,95,239)
```

Analogous Color

#efc333
```
#efc333 rgb(239,195,51)
```
#33bdef
```
#33bdef rgb(51,189,239)
```
#ef335f
```
#ef335f rgb(239,51,95)
```

Split Complementary Color

#bdef33
```
#bdef33 rgb(189,239,51)
```
#33bdef
```
#33bdef rgb(51,189,239)
```
#ef33bd
```
#ef33bd rgb(239,51,189)
```

Triadic Color

#33ef65
```
#33ef65 rgb(51,239,101)
```
#33bdef
```
#33bdef rgb(51,189,239)
```
#ef33bd
```
#ef33bd rgb(239,51,189)
```
#ef6533
```
#ef6533 rgb(239,101,51)
```

Tetradic Color

#1095c6
```
#1095c6 rgb(16,149,198)
```
#11a7de
```
#11a7de rgb(17,167,222)
```
#1bb5ed
```
#1bb5ed rgb(27,181,237)
```
#33bdef
```
#33bdef rgb(51,189,239)
```
#4bc5f1
```
#4bc5f1 rgb(75,197,241)
```
#62ccf3
```
#62ccf3 rgb(98,204,243)
```
#7ad4f5
```
#7ad4f5 rgb(122,212,245)
```

Monochromatic Color

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

#33ecef
```
#33ecef rgb(51,236,239)
```
#33dcef
```
#33dcef rgb(51,220,239)
```
#33cdef
```
#33cdef rgb(51,205,239)
```
#33bdef
```
#33bdef rgb(51,189,239)
```
#33adef
```
#33adef rgb(51,173,239)
```
#339eef
```
#339eef rgb(51,158,239)
```
#338eef
```
#338eef rgb(51,142,239)
```

Similar Colors

Text with hexadecimal color #33bdef

This text has a font color of #33bdef.

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

#33bdef background color

This paragraph has a background color of #33bdef.

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

#33bdef border color

This element has a border color of #33bdef.

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

CSS codes

.text {color:#33bdef;}

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

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

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, #010b0e is the darkest color, while #fbfeff is the lightest one.

#010b0e
```
#010b0e rgb(1,11,14)
```
#031920
```
#031920 rgb(3,25,32)
```
#042633
```
#042633 rgb(4,38,51)
```
#053445
```
#053445 rgb(5,52,69)
```
#074257
```
#074257 rgb(7,66,87)
```
#084f69
```
#084f69 rgb(8,79,105)
```
#0a5d7b
```
#0a5d7b rgb(10,93,123)
```
#0b6b8e
```
#0b6b8e rgb(11,107,142)
```
#0d79a0
```
#0d79a0 rgb(13,121,160)
```
#0e86b2
```
#0e86b2 rgb(14,134,178)
```
#0f94c4
```
#0f94c4 rgb(15,148,196)
```
#11a2d6
```
#11a2d6 rgb(17,162,214)
```
#12b0e9
```
#12b0e9 rgb(18,176,233)
```

Shade Color Variation

#21b7ee
```
#21b7ee rgb(33,183,238)
```
#33bdef
```
#33bdef rgb(51,189,239)
```
#45c3f0
```
#45c3f0 rgb(69,195,240)
```
#57c9f2
```
#57c9f2 rgb(87,201,242)
```
#6acff3
```
#6acff3 rgb(106,207,243)
```
#7cd5f5
```
#7cd5f5 rgb(124,213,245)
```
#8edaf6
```
#8edaf6 rgb(142,218,246)
```
#a0e0f8
```
#a0e0f8 rgb(160,224,248)
```
#b2e6f9
```
#b2e6f9 rgb(178,230,249)
```
#c5ecfa
```
#c5ecfa rgb(197,236,250)
```
#d7f2fc
```
#d7f2fc rgb(215,242,252)
```
#e9f8fd
```
#e9f8fd rgb(233,248,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#909192
```
#909192 rgb(144,145,146)
```
#88959a
```
#88959a rgb(136,149,154)
```
#7f99a3
```
#7f99a3 rgb(127,153,163)
```
#779dab
```
#779dab rgb(119,157,171)
```
#6ea1b4
```
#6ea1b4 rgb(110,161,180)
```
#66a5bc
```
#66a5bc rgb(102,165,188)
```
#5da9c5
```
#5da9c5 rgb(93,169,197)
```
#55adcd
```
#55adcd rgb(85,173,205)
```
#4cb1d6
```
#4cb1d6 rgb(76,177,214)
```
#44b5de
```
#44b5de rgb(68,181,222)
```
#3bb9e7
```
#3bb9e7 rgb(59,185,231)
```
#33bdef
```
#33bdef rgb(51,189,239)
```
#2bc1f7
```
#2bc1f7 rgb(43,193,247)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#85a0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b2e6 Protanopia 1% of men
#9bb2f5 Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#7bb6e9 Protanomaly 1% of men, 0.01% of women
#75b6f3 Deuteranomaly 6% of men, 0.4% of women
#12c2dd Tritanomaly 0.01% of the population

#33bdef hex color

#33bdef Color Information

#33bdef Color Conversion

Color Schemes with #33bdef

Alternatives to #33bdef

#33bdef Preview

Shades and Tints of #33bdef

Tones of #33bdef

Color Blindness Simulator