#cbf348 hex color

In a RGB color space, hex #cbf348 is composed of 79.6% red, 95.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 70.4% yellow and 4.7% black. It has a hue angle of 74 degrees, a saturation of 87.7% and a lightness of 61.8%. #cbf348 color hex could be obtained by blending #ffff90 with #97e700. Closest websafe color is: #ccff33.

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

● #cbf348 color description : Bright yellow.

The hexadecimal color #cbf348 has RGB values of R:203, G:243, B:72 and CMYK values of C:0.16, M:0, Y:0.7, K:0.05. Its decimal value is 13366088.

Hex triplet	cbf348	`#cbf348`
RGB Decimal	203, 243, 72	`rgb(203,243,72)`
RGB Percent	79.6, 95.3, 28.2	`rgb(79.6%,95.3%,28.2%)`
CMYK	16, 0, 70, 5
HSL	74°, 87.7, 61.8	`hsl(74,87.7%,61.8%)`
HSV (or HSB)	74°, 70.4, 95.3
Web Safe	ccff33	`#ccff33`

CIE-LAB	90.443, -35.08, 73.764
XYZ	57.848, 77.265, 17.997
xyY	0.378, 0.505, 77.265
CIE-LCH	90.443, 81.681, 115.434
CIE-LUV	90.443, -18.527, 92.722
Hunter-Lab	87.901, -36.353, 49.391
Binary	11001011, 11110011, 01001000

#cbf348
```
#cbf348 rgb(203,243,72)
```
#7048f3
```
#7048f3 rgb(112,72,243)
```

Complementary Color

#f3c648
```
#f3c648 rgb(243,198,72)
```
#cbf348
```
#cbf348 rgb(203,243,72)
```
#76f348
```
#76f348 rgb(118,243,72)
```

Analogous Color

#c648f3
```
#c648f3 rgb(198,72,243)
```
#cbf348
```
#cbf348 rgb(203,243,72)
```
#4876f3
```
#4876f3 rgb(72,118,243)
```

Split Complementary Color

#f348cb
```
#f348cb rgb(243,72,203)
```
#cbf348
```
#cbf348 rgb(203,243,72)
```
#48cbf3
```
#48cbf3 rgb(72,203,243)
```

Triadic Color

#f37048
```
#f37048 rgb(243,112,72)
```
#cbf348
```
#cbf348 rgb(203,243,72)
```
#48cbf3
```
#48cbf3 rgb(72,203,243)
```
#7048f3
```
#7048f3 rgb(112,72,243)
```

Tetradic Color

#afe00f
```
#afe00f rgb(175,224,15)
```
#bdf018
```
#bdf018 rgb(189,240,24)
```
#c4f130
```
#c4f130 rgb(196,241,48)
```
#cbf348
```
#cbf348 rgb(203,243,72)
```
#d2f560
```
#d2f560 rgb(210,245,96)
```
#d9f678
```
#d9f678 rgb(217,246,120)
```
#dff890
```
#dff890 rgb(223,248,144)
```

Monochromatic Color

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

#f3f048
```
#f3f048 rgb(243,240,72)
```
#e8f348
```
#e8f348 rgb(232,243,72)
```
#d9f348
```
#d9f348 rgb(217,243,72)
```
#cbf348
```
#cbf348 rgb(203,243,72)
```
#bdf348
```
#bdf348 rgb(189,243,72)
```
#aff348
```
#aff348 rgb(175,243,72)
```
#a0f348
```
#a0f348 rgb(160,243,72)
```

Similar Colors

Text with hexadecimal color #cbf348

This text has a font color of #cbf348.

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

#cbf348 background color

This paragraph has a background color of #cbf348.

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

#cbf348 border color

This element has a border color of #cbf348.

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

CSS codes

.text {color:#cbf348;}

.background {background-color:#cbf348;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f1301
```
#0f1301 rgb(15,19,1)
```
#1e2602
```
#1e2602 rgb(30,38,2)
```
#2c3804
```
#2c3804 rgb(44,56,4)
```
#3a4b05
```
#3a4b05 rgb(58,75,5)
```
#495d06
```
#495d06 rgb(73,93,6)
```
#577007
```
#577007 rgb(87,112,7)
```
#668209
```
#668209 rgb(102,130,9)
```
#74940a
```
#74940a rgb(116,148,10)
```
#82a70b
```
#82a70b rgb(130,167,11)
```
#91b90c
```
#91b90c rgb(145,185,12)
```
#9fcc0d
```
#9fcc0d rgb(159,204,13)
```
#adde0f
```
#adde0f rgb(173,222,15)
```

Shade Color Variation

#bbef11
```
#bbef11 rgb(187,239,17)
```
#c1f123
```
#c1f123 rgb(193,241,35)
```
#c6f236
```
#c6f236 rgb(198,242,54)
```
#cbf348
```
#cbf348 rgb(203,243,72)
```
#d0f45a
```
#d0f45a rgb(208,244,90)
```
#d5f56d
```
#d5f56d rgb(213,245,109)
```
#dbf77f
```
#dbf77f rgb(219,247,127)
```
#e0f892
```
#e0f892 rgb(224,248,146)
```
#e5f9a4
```
#e5f9a4 rgb(229,249,164)
```
#eafab6
```
#eafab6 rgb(234,250,182)
```
#f0fbc9
```
#f0fbc9 rgb(240,251,201)
```
#f5fddb
```
#f5fddb rgb(245,253,219)
```
#fafeee
```
#fafeee rgb(250,254,238)
```

Tint Color Variation

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

#9fa19b
```
#9fa19b rgb(159,161,155)
```
#a3a893
```
#a3a893 rgb(163,168,147)
```
#a7b08c
```
#a7b08c rgb(167,176,140)
```
#abb784
```
#abb784 rgb(171,183,132)
```
#afbf7d
```
#afbf7d rgb(175,191,125)
```
#b3c675
```
#b3c675 rgb(179,198,117)
```
#b7ce6e
```
#b7ce6e rgb(183,206,110)
```
#bbd566
```
#bbd566 rgb(187,213,102)
```
#bfdd5f
```
#bfdd5f rgb(191,221,95)
```
#c3e457
```
#c3e457 rgb(195,228,87)
```
#c7ec50
```
#c7ec50 rgb(199,236,80)
```
#cbf348
```
#cbf348 rgb(203,243,72)
```
#cffb41
```
#cffb41 rgb(207,251,65)
```

Tone Color Variation

Below, you can see how #cbf348 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
#d2dab8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe554 Protanopia 1% of men
#ffe0b9 Deuteranopia 1% of men
#e1e4f4 Tritanopia 0.001% of the population

Trichromacy

#ecea4f Protanomaly 1% of men, 0.01% of women
#ece790 Deuteranomaly 6% of men, 0.4% of women
#d9e9b5 Tritanomaly 0.01% of the population

#cbf348 hex color

#cbf348 Color Information

#cbf348 Color Conversion

Color Schemes with #cbf348

Alternatives to #cbf348

#cbf348 Preview

Shades and Tints of #cbf348

Tones of #cbf348

Color Blindness Simulator