#d7f214 hex color

In a RGB color space, hex #d7f214 is composed of 84.3% red, 94.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 0% magenta, 91.7% yellow and 5.1% black. It has a hue angle of 67.3 degrees, a saturation of 89.5% and a lightness of 51.4%. #d7f214 color hex could be obtained by blending #ffff28 with #afe500. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 84
- G 95
- B 8
RGB color chart
- C 11
- M 0
- Y 92
- K 5
CMYK color chart

● #d7f214 color description : Vivid yellow.

The hexadecimal color #d7f214 has RGB values of R:215, G:242, B:20 and CMYK values of C:0.11, M:0, Y:0.92, K:0.05. Its decimal value is 14152212.

Hex triplet	d7f214	`#d7f214`
RGB Decimal	215, 242, 20	`rgb(215,242,20)`
RGB Percent	84.3, 94.9, 7.8	`rgb(84.3%,94.9%,7.8%)`
CMYK	11, 0, 92, 5
HSL	67.3°, 89.5, 51.4	`hsl(67.3,89.5%,51.4%)`
HSV (or HSB)	67.3°, 91.7, 94.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.781, -31.576, 86.741
XYZ	59.902, 78.002, 12.562
xyY	0.398, 0.518, 78.002
CIE-LCH	90.781, 92.31, 110.003
CIE-LUV	90.781, -10.404, 100.87
Hunter-Lab	88.319, -33.489, 53.39
Binary	11010111, 11110010, 00010100

#d7f214
```
#d7f214 rgb(215,242,20)
```
#2f14f2
```
#2f14f2 rgb(47,20,242)
```

Complementary Color

#f29e14
```
#f29e14 rgb(242,158,20)
```
#d7f214
```
#d7f214 rgb(215,242,20)
```
#68f214
```
#68f214 rgb(104,242,20)
```

Analogous Color

#9e14f2
```
#9e14f2 rgb(158,20,242)
```
#d7f214
```
#d7f214 rgb(215,242,20)
```
#1468f2
```
#1468f2 rgb(20,104,242)
```

Split Complementary Color

#f214d7
```
#f214d7 rgb(242,20,215)
```
#d7f214
```
#d7f214 rgb(215,242,20)
```
#14d7f2
```
#14d7f2 rgb(20,215,242)
```

Triadic Color

#f22f14
```
#f22f14 rgb(242,47,20)
```
#d7f214
```
#d7f214 rgb(215,242,20)
```
#14d7f2
```
#14d7f2 rgb(20,215,242)
```
#2f14f2
```
#2f14f2 rgb(47,20,242)
```

Tetradic Color

#9cb00a
```
#9cb00a rgb(156,176,10)
```
#b1c80b
```
#b1c80b rgb(177,200,11)
```
#c6e00c
```
#c6e00c rgb(198,224,12)
```
#d7f214
```
#d7f214 rgb(215,242,20)
```
#dbf32c
```
#dbf32c rgb(219,243,44)
```
#dff544
```
#dff544 rgb(223,245,68)
```
#e3f65c
```
#e3f65c rgb(227,246,92)
```

Monochromatic Color

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

#f2d614
```
#f2d614 rgb(242,214,20)
```
#f2e814
```
#f2e814 rgb(242,232,20)
```
#eaf214
```
#eaf214 rgb(234,242,20)
```
#d7f214
```
#d7f214 rgb(215,242,20)
```
#c5f214
```
#c5f214 rgb(197,242,20)
```
#b2f214
```
#b2f214 rgb(178,242,20)
```
#a0f214
```
#a0f214 rgb(160,242,20)
```

Similar Colors

Text with hexadecimal color #d7f214

This text has a font color of #d7f214.

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

#d7f214 background color

This paragraph has a background color of #d7f214.

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

#d7f214 border color

This element has a border color of #d7f214.

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

CSS codes

.text {color:#d7f214;}

.background {background-color:#d7f214;}

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

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

#060700
```
#060700 rgb(6,7,0)
```
#161901
```
#161901 rgb(22,25,1)
```
#272c02
```
#272c02 rgb(39,44,2)
```
#373e03
```
#373e03 rgb(55,62,3)
```
#485104
```
#485104 rgb(72,81,4)
```
#586406
```
#586406 rgb(88,100,6)
```
#697607
```
#697607 rgb(105,118,7)
```
#798908
```
#798908 rgb(121,137,8)
```
#899b09
```
#899b09 rgb(137,155,9)
```
#9aae0a
```
#9aae0a rgb(154,174,10)
```
#aac10b
```
#aac10b rgb(170,193,11)
```
#bbd30c
```
#bbd30c rgb(187,211,12)
```
#cbe60d
```
#cbe60d rgb(203,230,13)
```

Shade Color Variation

#d7f214
```
#d7f214 rgb(215,242,20)
```
#daf327
```
#daf327 rgb(218,243,39)
```
#ddf439
```
#ddf439 rgb(221,244,57)
```
#e0f54c
```
#e0f54c rgb(224,245,76)
```
#e4f65e
```
#e4f65e rgb(228,246,94)
```
#e7f771
```
#e7f771 rgb(231,247,113)
```
#eaf884
```
#eaf884 rgb(234,248,132)
```
#edf996
```
#edf996 rgb(237,249,150)
```
#f0faa9
```
#f0faa9 rgb(240,250,169)
```
#f3fbbb
```
#f3fbbb rgb(243,251,187)
```
#f7fcce
```
#f7fcce rgb(247,252,206)
```
#fafde0
```
#fafde0 rgb(250,253,224)
```
#fdfef3
```
#fdfef3 rgb(253,254,243)
```

Tint Color Variation

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

#88897d
```
#88897d rgb(136,137,125)
```
#8f9373
```
#8f9373 rgb(143,147,115)
```
#969c6a
```
#969c6a rgb(150,156,106)
```
#9da660
```
#9da660 rgb(157,166,96)
```
#a4af57
```
#a4af57 rgb(164,175,87)
```
#acb94d
```
#acb94d rgb(172,185,77)
```
#b3c244
```
#b3c244 rgb(179,194,68)
```
#bacc3a
```
#bacc3a rgb(186,204,58)
```
#c1d531
```
#c1d531 rgb(193,213,49)
```
#c9df27
```
#c9df27 rgb(201,223,39)
```
#d0e81e
```
#d0e81e rgb(208,232,30)
```
#d7f214
```
#d7f214 rgb(215,242,20)
```
#defc0a
```
#defc0a rgb(222,252,10)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d2d8ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe65f Protanopia 1% of men
#ffe1bb Deuteranopia 1% of men
#ece2f2 Tritanopia 0.001% of the population

Trichromacy

#f0ea43 Protanomaly 1% of men, 0.01% of women
#f0e77e Deuteranomaly 6% of men, 0.4% of women
#e4e8a1 Tritanomaly 0.01% of the population

#d7f214 hex color

#d7f214 Color Information

#d7f214 Color Conversion

Color Schemes with #d7f214

Alternatives to #d7f214

#d7f214 Preview

Shades and Tints of #d7f214

Tones of #d7f214

Color Blindness Simulator