#cffb30 hex color

In a RGB color space, hex #cffb30 is composed of 81.2% red, 98.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 80.9% yellow and 1.6% black. It has a hue angle of 73 degrees, a saturation of 96.2% and a lightness of 58.6%. #cffb30 color hex could be obtained by blending #ffff60 with #9ff700. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 81
- G 98
- B 19
RGB color chart
- C 18
- M 0
- Y 81
- K 2
CMYK color chart

● #cffb30 color description : Bright yellow.

The hexadecimal color #cffb30 has RGB values of R:207, G:251, B:48 and CMYK values of C:0.18, M:0, Y:0.81, K:0.02. Its decimal value is 13630256.

Hex triplet	cffb30	`#cffb30`
RGB Decimal	207, 251, 48	`rgb(207,251,48)`
RGB Percent	81.2, 98.4, 18.8	`rgb(81.2%,98.4%,18.8%)`
CMYK	18, 0, 81, 2
HSL	73°, 96.2, 58.6	`hsl(73,96.2%,58.6%)`
HSV (or HSB)	73°, 80.9, 98.4
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.783, -38.166, 83.097
XYZ	60.762, 82.473, 15.514
xyY	0.383, 0.52, 82.473
CIE-LCH	92.783, 91.443, 114.669
CIE-LUV	92.783, -20.569, 101.047
Hunter-Lab	90.814, -39.494, 53.442
Binary	11001111, 11111011, 00110000

#cffb30
```
#cffb30 rgb(207,251,48)
```
#5c30fb
```
#5c30fb rgb(92,48,251)
```

Complementary Color

#fbc230
```
#fbc230 rgb(251,194,48)
```
#cffb30
```
#cffb30 rgb(207,251,48)
```
#6afb30
```
#6afb30 rgb(106,251,48)
```

Analogous Color

#c230fb
```
#c230fb rgb(194,48,251)
```
#cffb30
```
#cffb30 rgb(207,251,48)
```
#306afb
```
#306afb rgb(48,106,251)
```

Split Complementary Color

#fb30cf
```
#fb30cf rgb(251,48,207)
```
#cffb30
```
#cffb30 rgb(207,251,48)
```
#30cffb
```
#30cffb rgb(48,207,251)
```

Triadic Color

#fb5c30
```
#fb5c30 rgb(251,92,48)
```
#cffb30
```
#cffb30 rgb(207,251,48)
```
#30cffb
```
#30cffb rgb(48,207,251)
```
#5c30fb
```
#5c30fb rgb(92,48,251)
```

Tetradic Color

#acda04
```
#acda04 rgb(172,218,4)
```
#c0f305
```
#c0f305 rgb(192,243,5)
```
#c9fb17
```
#c9fb17 rgb(201,251,23)
```
#cffb30
```
#cffb30 rgb(207,251,48)
```
#d5fb49
```
#d5fb49 rgb(213,251,73)
```
#dbfc62
```
#dbfc62 rgb(219,252,98)
```
#e0fc7b
```
#e0fc7b rgb(224,252,123)
```

Monochromatic Color

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

#fbf430
```
#fbf430 rgb(251,244,48)
```
#f1fb30
```
#f1fb30 rgb(241,251,48)
```
#e0fb30
```
#e0fb30 rgb(224,251,48)
```
#cffb30
```
#cffb30 rgb(207,251,48)
```
#befb30
```
#befb30 rgb(190,251,48)
```
#adfb30
```
#adfb30 rgb(173,251,48)
```
#9cfb30
```
#9cfb30 rgb(156,251,48)
```

Similar Colors

Text with hexadecimal color #cffb30

This text has a font color of #cffb30.

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

#cffb30 background color

This paragraph has a background color of #cffb30.

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

#cffb30 border color

This element has a border color of #cffb30.

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

CSS codes

.text {color:#cffb30;}

.background {background-color:#cffb30;}

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

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 #fcfff0 is the lightest one.

#040500
```
#040500 rgb(4,5,0)
```
#131800
```
#131800 rgb(19,24,0)
```
#222b01
```
#222b01 rgb(34,43,1)
```
#313e01
```
#313e01 rgb(49,62,1)
```
#405202
```
#405202 rgb(64,82,2)
```
#4f6502
```
#4f6502 rgb(79,101,2)
```
#5f7802
```
#5f7802 rgb(95,120,2)
```
#6e8b03
```
#6e8b03 rgb(110,139,3)
```
#7d9f03
```
#7d9f03 rgb(125,159,3)
```
#8cb203
```
#8cb203 rgb(140,178,3)
```
#9bc504
```
#9bc504 rgb(155,197,4)
```
#aad804
```
#aad804 rgb(170,216,4)
```
#baec05
```
#baec05 rgb(186,236,5)
```

Shade Color Variation

#c6fa0a
```
#c6fa0a rgb(198,250,10)
```
#cbfb1d
```
#cbfb1d rgb(203,251,29)
```
#cffb30
```
#cffb30 rgb(207,251,48)
```
#d3fb43
```
#d3fb43 rgb(211,251,67)
```
#d8fc56
```
#d8fc56 rgb(216,252,86)
```
#dcfc6a
```
#dcfc6a rgb(220,252,106)
```
#e1fc7d
```
#e1fc7d rgb(225,252,125)
```
#e5fd90
```
#e5fd90 rgb(229,253,144)
```
#eafda3
```
#eafda3 rgb(234,253,163)
```
#eefeb7
```
#eefeb7 rgb(238,254,183)
```
#f3feca
```
#f3feca rgb(243,254,202)
```
#f7fedd
```
#f7fedd rgb(247,254,221)
```
#fcfff0
```
#fcfff0 rgb(252,255,240)
```

Tint Color Variation

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

#989a91
```
#989a91 rgb(152,154,145)
```
#9ca289
```
#9ca289 rgb(156,162,137)
```
#a1aa81
```
#a1aa81 rgb(161,170,129)
```
#a6b279
```
#a6b279 rgb(166,178,121)
```
#aaba71
```
#aaba71 rgb(170,186,113)
```
#afc269
```
#afc269 rgb(175,194,105)
```
#b3ca61
```
#b3ca61 rgb(179,202,97)
```
#b8d259
```
#b8d259 rgb(184,210,89)
```
#bddb50
```
#bddb50 rgb(189,219,80)
```
#c1e348
```
#c1e348 rgb(193,227,72)
```
#c6eb40
```
#c6eb40 rgb(198,235,64)
```
#caf338
```
#caf338 rgb(202,243,56)
```
#cffb30
```
#cffb30 rgb(207,251,48)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d5deb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb95 Protanopia 1% of men
#ffe7cb Deuteranopia 1% of men
#e7eafb Tritanopia 0.001% of the population

Trichromacy

#edf170 Protanomaly 1% of men, 0.01% of women
#edee93 Deuteranomaly 6% of men, 0.4% of women
#def0b1 Tritanomaly 0.01% of the population

#cffb30 hex color

#cffb30 Color Information

#cffb30 Color Conversion

Color Schemes with #cffb30

Alternatives to #cffb30

#cffb30 Preview

Shades and Tints of #cffb30

Tones of #cffb30

Color Blindness Simulator