#cbf350 hex color

In a RGB color space, hex #cbf350 is composed of 79.6% red, 95.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 67.1% yellow and 4.7% black. It has a hue angle of 74.7 degrees, a saturation of 87.2% and a lightness of 63.3%. #cbf350 color hex could be obtained by blending #ffffa0 with #97e700. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 80
- G 95
- B 31
RGB color chart
- C 16
- M 0
- Y 67
- K 5
CMYK color chart

● #cbf350 color description : Soft yellow.

The hexadecimal color #cbf350 has RGB values of R:203, G:243, B:80 and CMYK values of C:0.16, M:0, Y:0.67, K:0.05. Its decimal value is 13366096.

Hex triplet	cbf350	`#cbf350`
RGB Decimal	203, 243, 80	`rgb(203,243,80)`
RGB Percent	79.6, 95.3, 31.4	`rgb(79.6%,95.3%,31.4%)`
CMYK	16, 0, 67, 5
HSL	74.7°, 87.2, 63.3	`hsl(74.7,87.2%,63.3%)`
HSV (or HSB)	74.7°, 67.1, 95.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.495, -34.622, 70.951
XYZ	58.126, 77.376, 19.462
xyY	0.375, 0.499, 77.376
CIE-LCH	90.495, 78.947, 116.011
CIE-LUV	90.495, -18.576, 90.499
Hunter-Lab	87.964, -35.984, 48.457
Binary	11001011, 11110011, 01010000

#cbf350
```
#cbf350 rgb(203,243,80)
```
#7850f3
```
#7850f3 rgb(120,80,243)
```

Complementary Color

#f3ca50
```
#f3ca50 rgb(243,202,80)
```
#cbf350
```
#cbf350 rgb(203,243,80)
```
#7af350
```
#7af350 rgb(122,243,80)
```

Analogous Color

#ca50f3
```
#ca50f3 rgb(202,80,243)
```
#cbf350
```
#cbf350 rgb(203,243,80)
```
#507af3
```
#507af3 rgb(80,122,243)
```

Split Complementary Color

#f350cb
```
#f350cb rgb(243,80,203)
```
#cbf350
```
#cbf350 rgb(203,243,80)
```
#50cbf3
```
#50cbf3 rgb(80,203,243)
```

Triadic Color

#f37850
```
#f37850 rgb(243,120,80)
```
#cbf350
```
#cbf350 rgb(203,243,80)
```
#50cbf3
```
#50cbf3 rgb(80,203,243)
```
#7850f3
```
#7850f3 rgb(120,80,243)
```

Tetradic Color

#b2e710
```
#b2e710 rgb(178,231,16)
```
#bdf020
```
#bdf020 rgb(189,240,32)
```
#c4f138
```
#c4f138 rgb(196,241,56)
```
#cbf350
```
#cbf350 rgb(203,243,80)
```
#d2f568
```
#d2f568 rgb(210,245,104)
```
#d9f680
```
#d9f680 rgb(217,246,128)
```
#e0f898
```
#e0f898 rgb(224,248,152)
```

Monochromatic Color

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

#f3f250
```
#f3f250 rgb(243,242,80)
```
#e6f350
```
#e6f350 rgb(230,243,80)
```
#d9f350
```
#d9f350 rgb(217,243,80)
```
#cbf350
```
#cbf350 rgb(203,243,80)
```
#bdf350
```
#bdf350 rgb(189,243,80)
```
#b0f350
```
#b0f350 rgb(176,243,80)
```
#a2f350
```
#a2f350 rgb(162,243,80)
```

Similar Colors

Text with hexadecimal color #cbf350

This text has a font color of #cbf350.

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

#cbf350 background color

This paragraph has a background color of #cbf350.

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

#cbf350 border color

This element has a border color of #cbf350.

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

CSS codes

.text {color:#cbf350;}

.background {background-color:#cbf350;}

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

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

#070901
```
#070901 rgb(7,9,1)
```
#151b02
```
#151b02 rgb(21,27,2)
```
#232d03
```
#232d03 rgb(35,45,3)
```
#314004
```
#314004 rgb(49,64,4)
```
#3f5206
```
#3f5206 rgb(63,82,6)
```
#4d6407
```
#4d6407 rgb(77,100,7)
```
#5c7708
```
#5c7708 rgb(92,119,8)
```
#6a8909
```
#6a8909 rgb(106,137,9)
```
#789b0b
```
#789b0b rgb(120,155,11)
```
#86ae0c
```
#86ae0c rgb(134,174,12)
```
#94c00d
```
#94c00d rgb(148,192,13)
```
#a2d20e
```
#a2d20e rgb(162,210,14)
```
#b1e510
```
#b1e510 rgb(177,229,16)
```

Shade Color Variation

#bbef19
```
#bbef19 rgb(187,239,25)
```
#c0f02b
```
#c0f02b rgb(192,240,43)
```
#c6f23e
```
#c6f23e rgb(198,242,62)
```
#cbf350
```
#cbf350 rgb(203,243,80)
```
#d0f462
```
#d0f462 rgb(208,244,98)
```
#d6f675
```
#d6f675 rgb(214,246,117)
```
#dbf787
```
#dbf787 rgb(219,247,135)
```
#e1f899
```
#e1f899 rgb(225,248,153)
```
#e6f9ac
```
#e6f9ac rgb(230,249,172)
```
#ecfbbe
```
#ecfbbe rgb(236,251,190)
```
#f1fcd0
```
#f1fcd0 rgb(241,252,208)
```
#f7fde3
```
#f7fde3 rgb(247,253,227)
```
#fcfef5
```
#fcfef5 rgb(252,254,245)
```

Tint Color Variation

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

#a3a49f
```
#a3a49f rgb(163,164,159)
```
#a6ab98
```
#a6ab98 rgb(166,171,152)
```
#aab291
```
#aab291 rgb(170,178,145)
```
#aeb98a
```
#aeb98a rgb(174,185,138)
```
#b1c182
```
#b1c182 rgb(177,193,130)
```
#b5c87b
```
#b5c87b rgb(181,200,123)
```
#b9cf74
```
#b9cf74 rgb(185,207,116)
```
#bcd66d
```
#bcd66d rgb(188,214,109)
```
#c0dd66
```
#c0dd66 rgb(192,221,102)
```
#c4e55e
```
#c4e55e rgb(196,229,94)
```
#c7ec57
```
#c7ec57 rgb(199,236,87)
```
#cbf350
```
#cbf350 rgb(203,243,80)
```
#cffa49
```
#cffa49 rgb(207,250,73)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2daba Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe557 Protanopia 1% of men
#ffe0ba Deuteranopia 1% of men
#e1e4f4 Tritanopia 0.001% of the population

Trichromacy

#ecea54 Protanomaly 1% of men, 0.01% of women
#ece793 Deuteranomaly 6% of men, 0.4% of women
#d9e9b8 Tritanomaly 0.01% of the population

#cbf350 hex color

#cbf350 Color Information

#cbf350 Color Conversion

Color Schemes with #cbf350

Alternatives to #cbf350

#cbf350 Preview

Shades and Tints of #cbf350

Tones of #cbf350

Color Blindness Simulator