#bdf311 hex color

In a RGB color space, hex #bdf311 is composed of 74.1% red, 95.3% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 93% yellow and 4.7% black. It has a hue angle of 74.3 degrees, a saturation of 90.4% and a lightness of 51%. #bdf311 color hex could be obtained by blending #ffff22 with #7be700. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 74
- G 95
- B 7
RGB color chart
- C 22
- M 0
- Y 93
- K 5
CMYK color chart

● #bdf311 color description : Vivid yellow.

The hexadecimal color #bdf311 has RGB values of R:189, G:243, B:17 and CMYK values of C:0.22, M:0, Y:0.93, K:0.05. Its decimal value is 12448529.

Hex triplet	bdf311	`#bdf311`
RGB Decimal	189, 243, 17	`rgb(189,243,17)`
RGB Percent	74.1, 95.3, 6.7	`rgb(74.1%,95.3%,6.7%)`
CMYK	22, 0, 93, 5
HSL	74.3°, 90.4, 51	`hsl(74.3,90.4%,51%)`
HSV (or HSB)	74.3°, 93, 95.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.374, -42.3, 85.262
XYZ	53.137, 74.96, 12.199
xyY	0.379, 0.534, 74.96
CIE-LCH	89.374, 95.178, 116.387
CIE-LUV	89.374, -26.463, 101.451
Hunter-Lab	86.579, -41.96, 52.251
Binary	10111101, 11110011, 00010001

#bdf311
```
#bdf311 rgb(189,243,17)
```
#4711f3
```
#4711f3 rgb(71,17,243)
```

Complementary Color

#f3b811
```
#f3b811 rgb(243,184,17)
```
#bdf311
```
#bdf311 rgb(189,243,17)
```
#4cf311
```
#4cf311 rgb(76,243,17)
```

Analogous Color

#b811f3
```
#b811f3 rgb(184,17,243)
```
#bdf311
```
#bdf311 rgb(189,243,17)
```
#114cf3
```
#114cf3 rgb(17,76,243)
```

Split Complementary Color

#f311bd
```
#f311bd rgb(243,17,189)
```
#bdf311
```
#bdf311 rgb(189,243,17)
```
#11bdf3
```
#11bdf3 rgb(17,189,243)
```

Triadic Color

#f34711
```
#f34711 rgb(243,71,17)
```
#bdf311
```
#bdf311 rgb(189,243,17)
```
#11bdf3
```
#11bdf3 rgb(17,189,243)
```
#4711f3
```
#4711f3 rgb(71,17,243)
```

Tetradic Color

#87af09
```
#87af09 rgb(135,175,9)
```
#9ac70a
```
#9ac70a rgb(154,199,10)
```
#addf0b
```
#addf0b rgb(173,223,11)
```
#bdf311
```
#bdf311 rgb(189,243,17)
```
#c4f429
```
#c4f429 rgb(196,244,41)
```
#caf542
```
#caf542 rgb(202,245,66)
```
#d1f75a
```
#d1f75a rgb(209,247,90)
```

Monochromatic Color

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

#f3f111
```
#f3f111 rgb(243,241,17)
```
#e3f311
```
#e3f311 rgb(227,243,17)
```
#d0f311
```
#d0f311 rgb(208,243,17)
```
#bdf311
```
#bdf311 rgb(189,243,17)
```
#aaf311
```
#aaf311 rgb(170,243,17)
```
#97f311
```
#97f311 rgb(151,243,17)
```
#85f311
```
#85f311 rgb(133,243,17)
```

Similar Colors

Text with hexadecimal color #bdf311

This text has a font color of #bdf311.

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

#bdf311 background color

This paragraph has a background color of #bdf311.

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

#bdf311 border color

This element has a border color of #bdf311.

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

CSS codes

.text {color:#bdf311;}

.background {background-color:#bdf311;}

.border {border:1px solid #bdf311;}

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

#040500
```
#040500 rgb(4,5,0)
```
#121701
```
#121701 rgb(18,23,1)
```
#212a02
```
#212a02 rgb(33,42,2)
```
#2f3d03
```
#2f3d03 rgb(47,61,3)
```
#3d4f04
```
#3d4f04 rgb(61,79,4)
```
#4c6205
```
#4c6205 rgb(76,98,5)
```
#5a7506
```
#5a7506 rgb(90,117,6)
```
#698707
```
#698707 rgb(105,135,7)
```
#779a08
```
#779a08 rgb(119,154,8)
```
#86ad09
```
#86ad09 rgb(134,173,9)
```
#94bf0a
```
#94bf0a rgb(148,191,10)
```
#a2d20b
```
#a2d20b rgb(162,210,11)
```
#b1e50c
```
#b1e50c rgb(177,229,12)
```

Shade Color Variation

#bdf311
```
#bdf311 rgb(189,243,17)
```
#c2f424
```
#c2f424 rgb(194,244,36)
```
#c7f536
```
#c7f536 rgb(199,245,54)
```
#cdf649
```
#cdf649 rgb(205,246,73)
```
#d2f75c
```
#d2f75c rgb(210,247,92)
```
#d7f86e
```
#d7f86e rgb(215,248,110)
```
#dcf981
```
#dcf981 rgb(220,249,129)
```
#e1fa94
```
#e1fa94 rgb(225,250,148)
```
#e6fba6
```
#e6fba6 rgb(230,251,166)
```
#ecfbb9
```
#ecfbb9 rgb(236,251,185)
```
#f1fccc
```
#f1fccc rgb(241,252,204)
```
#f6fdde
```
#f6fdde rgb(246,253,222)
```
#fbfef1
```
#fbfef1 rgb(251,254,241)
```

Tint Color Variation

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

#86897b
```
#86897b rgb(134,137,123)
```
#8b9371
```
#8b9371 rgb(139,147,113)
```
#909c68
```
#909c68 rgb(144,156,104)
```
#95a65e
```
#95a65e rgb(149,166,94)
```
#9ab054
```
#9ab054 rgb(154,176,84)
```
#9fb94b
```
#9fb94b rgb(159,185,75)
```
#a4c341
```
#a4c341 rgb(164,195,65)
```
#a9cd37
```
#a9cd37 rgb(169,205,55)
```
#aed62e
```
#aed62e rgb(174,214,46)
```
#b3e024
```
#b3e024 rgb(179,224,36)
```
#b8e91b
```
#b8e91b rgb(184,233,27)
```
#bdf311
```
#bdf311 rgb(189,243,17)
```
#c2fd07
```
#c2fd07 rgb(194,253,7)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c7d1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fde214 Protanopia 1% of men
#ffddae Deuteranopia 1% of men
#d7e3f3 Tritanopia 0.001% of the population

Trichromacy

#e6e813 Protanomaly 1% of men, 0.01% of women
#e7e575 Deuteranomaly 6% of men, 0.4% of women
#cde9a1 Tritanomaly 0.01% of the population

#bdf311 hex color

#bdf311 Color Information

#bdf311 Color Conversion

Color Schemes with #bdf311

Alternatives to #bdf311

#bdf311 Preview

Shades and Tints of #bdf311

Tones of #bdf311

Color Blindness Simulator