#bfc318 hex color

In a RGB color space, hex #bfc318 is composed of 74.9% red, 76.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 0% magenta, 87.7% yellow and 23.5% black. It has a hue angle of 61.4 degrees, a saturation of 78.1% and a lightness of 42.9%. #bfc318 color hex could be obtained by blending #ffff30 with #7f8700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 75
- G 76
- B 9
RGB color chart
- C 2
- M 0
- Y 88
- K 24
CMYK color chart

● #bfc318 color description : Strong yellow.

The hexadecimal color #bfc318 has RGB values of R:191, G:195, B:24 and CMYK values of C:0.02, M:0, Y:0.88, K:0.24. Its decimal value is 12567320.

Hex triplet	bfc318	`#bfc318`
RGB Decimal	191, 195, 24	`rgb(191,195,24)`
RGB Percent	74.9, 76.5, 9.4	`rgb(74.9%,76.5%,9.4%)`
CMYK	2, 0, 88, 24
HSL	61.4°, 78.1, 42.9	`hsl(61.4,78.1%,42.9%)`
HSV (or HSB)	61.4°, 87.7, 76.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	76.175, -19.008, 73.85
XYZ	41.166, 50.173, 8.38
xyY	0.413, 0.503, 50.173
CIE-LCH	76.175, 76.257, 104.434
CIE-LUV	76.175, 3.207, 82.275
Hunter-Lab	70.833, -20.219, 42.569
Binary	10111111, 11000011, 00011000

#bfc318
```
#bfc318 rgb(191,195,24)
```
#1c18c3
```
#1c18c3 rgb(28,24,195)
```

Complementary Color

#c37218
```
#c37218 rgb(195,114,24)
```
#bfc318
```
#bfc318 rgb(191,195,24)
```
#6ac318
```
#6ac318 rgb(106,195,24)
```

Analogous Color

#7218c3
```
#7218c3 rgb(114,24,195)
```
#bfc318
```
#bfc318 rgb(191,195,24)
```
#186ac3
```
#186ac3 rgb(24,106,195)
```

Split Complementary Color

#c318bf
```
#c318bf rgb(195,24,191)
```
#bfc318
```
#bfc318 rgb(191,195,24)
```
#18bfc3
```
#18bfc3 rgb(24,191,195)
```

Triadic Color

#c31c18
```
#c31c18 rgb(195,28,24)
```
#bfc318
```
#bfc318 rgb(191,195,24)
```
#18bfc3
```
#18bfc3 rgb(24,191,195)
```
#1c18c3
```
#1c18c3 rgb(28,24,195)
```

Tetradic Color

#7c7f10
```
#7c7f10 rgb(124,127,16)
```
#939612
```
#939612 rgb(147,150,18)
```
#a9ac15
```
#a9ac15 rgb(169,172,21)
```
#bfc318
```
#bfc318 rgb(191,195,24)
```
#d5da1b
```
#d5da1b rgb(213,218,27)
```
#e0e529
```
#e0e529 rgb(224,229,41)
```
#e4e740
```
#e4e740 rgb(228,231,64)
```

Monochromatic Color

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

#c39c18
```
#c39c18 rgb(195,156,24)
```
#c3ab18
```
#c3ab18 rgb(195,171,24)
```
#c3b918
```
#c3b918 rgb(195,185,24)
```
#bfc318
```
#bfc318 rgb(191,195,24)
```
#b1c318
```
#b1c318 rgb(177,195,24)
```
#a3c318
```
#a3c318 rgb(163,195,24)
```
#94c318
```
#94c318 rgb(148,195,24)
```

Similar Colors

Text with hexadecimal color #bfc318

This text has a font color of #bfc318.

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

#bfc318 background color

This paragraph has a background color of #bfc318.

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

#bfc318 border color

This element has a border color of #bfc318.

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

CSS codes

.text {color:#bfc318;}

.background {background-color:#bfc318;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#141403
```
#141403 rgb(20,20,3)
```
#252605
```
#252605 rgb(37,38,5)
```
#363707
```
#363707 rgb(54,55,7)
```
#474909
```
#474909 rgb(71,73,9)
```
#585a0b
```
#585a0b rgb(88,90,11)
```
#696c0d
```
#696c0d rgb(105,108,13)
```
#7b7d0f
```
#7b7d0f rgb(123,125,15)
```
#8c8f12
```
#8c8f12 rgb(140,143,18)
```
#9da014
```
#9da014 rgb(157,160,20)
```
#aeb216
```
#aeb216 rgb(174,178,22)
```
#bfc318
```
#bfc318 rgb(191,195,24)
```
#d0d41a
```
#d0d41a rgb(208,212,26)
```

Shade Color Variation

#dfe31f
```
#dfe31f rgb(223,227,31)
```
#e1e630
```
#e1e630 rgb(225,230,48)
```
#e4e842
```
#e4e842 rgb(228,232,66)
```
#e6ea53
```
#e6ea53 rgb(230,234,83)
```
#e9ec65
```
#e9ec65 rgb(233,236,101)
```
#ebee76
```
#ebee76 rgb(235,238,118)
```
#eef088
```
#eef088 rgb(238,240,136)
```
#f0f299
```
#f0f299 rgb(240,242,153)
```
#f3f5ab
```
#f3f5ab rgb(243,245,171)
```
#f5f7bc
```
#f5f7bc rgb(245,247,188)
```
#f8f9cd
```
#f8f9cd rgb(248,249,205)
```
#fafbdf
```
#fafbdf rgb(250,251,223)
```
#fdfdf0
```
#fdfdf0 rgb(253,253,240)
```

Tint Color Variation

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

#6f6f6c
```
#6f6f6c rgb(111,111,108)
```
#777764
```
#777764 rgb(119,119,100)
```
#7f805b
```
#7f805b rgb(127,128,91)
```
#878853
```
#878853 rgb(135,136,83)
```
#8f904b
```
#8f904b rgb(143,144,75)
```
#979942
```
#979942 rgb(151,153,66)
```
#9fa13a
```
#9fa13a rgb(159,161,58)
```
#a7aa31
```
#a7aa31 rgb(167,170,49)
```
#afb229
```
#afb229 rgb(175,178,41)
```
#b7bb20
```
#b7bb20 rgb(183,187,32)
```
#bfc318
```
#bfc318 rgb(191,195,24)
```
#c7cb10
```
#c7cb10 rgb(199,203,16)
```
#cfd407
```
#cfd407 rgb(207,212,7)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b1b290 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6bf22 Protanopia 1% of men
#eeb630 Deuteranopia 1% of men
#d0b9c6 Tritanopia 0.001% of the population

Trichromacy

#cdc01e Protanomaly 1% of men, 0.01% of women
#ddba27 Deuteranomaly 6% of men, 0.4% of women
#cabc86 Tritanomaly 0.01% of the population

#bfc318 hex color

#bfc318 Color Information

#bfc318 Color Conversion

Color Schemes with #bfc318

Alternatives to #bfc318

#bfc318 Preview

Shades and Tints of #bfc318

Tones of #bfc318

Color Blindness Simulator