#defb1f hex color

In a RGB color space, hex #defb1f is composed of 87.1% red, 98.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 0% magenta, 87.6% yellow and 1.6% black. It has a hue angle of 67.9 degrees, a saturation of 96.5% and a lightness of 55.3%. #defb1f color hex could be obtained by blending #ffff3e with #bdf700. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 87
- G 98
- B 12
RGB color chart
- C 12
- M 0
- Y 88
- K 2
CMYK color chart

● #defb1f color description : Vivid yellow.

The hexadecimal color #defb1f has RGB values of R:222, G:251, B:31 and CMYK values of C:0.12, M:0, Y:0.88, K:0.02. Its decimal value is 14613279.

Hex triplet	defb1f	`#defb1f`
RGB Decimal	222, 251, 31	`rgb(222,251,31)`
RGB Percent	87.1, 98.4, 12.2	`rgb(87.1%,98.4%,12.2%)`
CMYK	12, 0, 88, 2
HSL	67.9°, 96.5, 55.3	`hsl(67.9,96.5%,55.3%)`
HSV (or HSB)	67.9°, 87.6, 98.4
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.72, -32.714, 87.719
XYZ	64.868, 84.623, 14.213
xyY	0.396, 0.517, 84.623
CIE-LCH	93.72, 93.621, 110.453
CIE-LUV	93.72, -11.435, 103.335
Hunter-Lab	91.991, -35.112, 55.233
Binary	11011110, 11111011, 00011111

#defb1f
```
#defb1f rgb(222,251,31)
```
#3c1ffb
```
#3c1ffb rgb(60,31,251)
```

Complementary Color

#fbaa1f
```
#fbaa1f rgb(251,170,31)
```
#defb1f
```
#defb1f rgb(222,251,31)
```
#70fb1f
```
#70fb1f rgb(112,251,31)
```

Analogous Color

#aa1ffb
```
#aa1ffb rgb(170,31,251)
```
#defb1f
```
#defb1f rgb(222,251,31)
```
#1f70fb
```
#1f70fb rgb(31,112,251)
```

Split Complementary Color

#fb1fde
```
#fb1fde rgb(251,31,222)
```
#defb1f
```
#defb1f rgb(222,251,31)
```
#1fdefb
```
#1fdefb rgb(31,222,251)
```

Triadic Color

#fb3c1f
```
#fb3c1f rgb(251,60,31)
```
#defb1f
```
#defb1f rgb(222,251,31)
```
#1fdefb
```
#1fdefb rgb(31,222,251)
```
#3c1ffb
```
#3c1ffb rgb(60,31,251)
```

Tetradic Color

#b0ca04
```
#b0ca04 rgb(176,202,4)
```
#c6e304
```
#c6e304 rgb(198,227,4)
```
#dafb06
```
#dafb06 rgb(218,251,6)
```
#defb1f
```
#defb1f rgb(222,251,31)
```
#e2fb38
```
#e2fb38 rgb(226,251,56)
```
#e5fc51
```
#e5fc51 rgb(229,252,81)
```
#e9fc6a
```
#e9fc6a rgb(233,252,106)
```

Monochromatic Color

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

#fbe11f
```
#fbe11f rgb(251,225,31)
```
#fbf31f
```
#fbf31f rgb(251,243,31)
```
#f0fb1f
```
#f0fb1f rgb(240,251,31)
```
#defb1f
```
#defb1f rgb(222,251,31)
```
#ccfb1f
```
#ccfb1f rgb(204,251,31)
```
#b9fb1f
```
#b9fb1f rgb(185,251,31)
```
#a7fb1f
```
#a7fb1f rgb(167,251,31)
```

Similar Colors

Text with hexadecimal color #defb1f

This text has a font color of #defb1f.

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

#defb1f background color

This paragraph has a background color of #defb1f.

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

#defb1f border color

This element has a border color of #defb1f.

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

CSS codes

.text {color:#defb1f;}

.background {background-color:#defb1f;}

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

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

#060700
```
#060700 rgb(6,7,0)
```
#171b00
```
#171b00 rgb(23,27,0)
```
#282e01
```
#282e01 rgb(40,46,1)
```
#394101
```
#394101 rgb(57,65,1)
```
#495402
```
#495402 rgb(73,84,2)
```
#5a6802
```
#5a6802 rgb(90,104,2)
```
#6b7b02
```
#6b7b02 rgb(107,123,2)
```
#7c8e03
```
#7c8e03 rgb(124,142,3)
```
#8da103
```
#8da103 rgb(141,161,3)
```
#9db503
```
#9db503 rgb(157,181,3)
```
#aec804
```
#aec804 rgb(174,200,4)
```
#bfdb04
```
#bfdb04 rgb(191,219,4)
```
#d0ef04
```
#d0ef04 rgb(208,239,4)
```

Shade Color Variation

#dbfb0c
```
#dbfb0c rgb(219,251,12)
```
#defb1f
```
#defb1f rgb(222,251,31)
```
#e1fb32
```
#e1fb32 rgb(225,251,50)
```
#e4fc46
```
#e4fc46 rgb(228,252,70)
```
#e7fc59
```
#e7fc59 rgb(231,252,89)
```
#e9fc6c
```
#e9fc6c rgb(233,252,108)
```
#ecfd7f
```
#ecfd7f rgb(236,253,127)
```
#effd93
```
#effd93 rgb(239,253,147)
```
#f2fda6
```
#f2fda6 rgb(242,253,166)
```
#f5feb9
```
#f5feb9 rgb(245,254,185)
```
#f8fecc
```
#f8fecc rgb(248,254,204)
```
#fafee0
```
#fafee0 rgb(250,254,224)
```
#fdfff3
```
#fdfff3 rgb(253,255,243)
```

Tint Color Variation

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

#919288
```
#919288 rgb(145,146,136)
```
#979b7f
```
#979b7f rgb(151,155,127)
```
#9da377
```
#9da377 rgb(157,163,119)
```
#a4ac6e
```
#a4ac6e rgb(164,172,110)
```
#aab565
```
#aab565 rgb(170,181,101)
```
#b1be5c
```
#b1be5c rgb(177,190,92)
```
#b7c654
```
#b7c654 rgb(183,198,84)
```
#becf4b
```
#becf4b rgb(190,207,75)
```
#c4d842
```
#c4d842 rgb(196,216,66)
```
#cbe139
```
#cbe139 rgb(203,225,57)
```
#d1e931
```
#d1e931 rgb(209,233,49)
```
#d8f228
```
#d8f228 rgb(216,242,40)
```
#defb1f
```
#defb1f rgb(222,251,31)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#dae0b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeea7 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#f3eafb Tritanopia 0.001% of the population

Trichromacy

#f3f276 Protanomaly 1% of men, 0.01% of women
#f3f091 Deuteranomaly 6% of men, 0.4% of women
#ebf0ab Tritanomaly 0.01% of the population

#defb1f hex color

#defb1f Color Information

#defb1f Color Conversion

Color Schemes with #defb1f

Alternatives to #defb1f

#defb1f Preview

Shades and Tints of #defb1f

Tones of #defb1f

Color Blindness Simulator