#ccf330 Color Information
In a RGB color space, hex #ccf330 is composed of 80% red, 95.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 80.2% yellow and 4.7% black. It has a hue angle of 72 degrees, a saturation of 89% and a lightness of 57.1%. #ccf330 color hex could be obtained by blending #ffff60 with #99e700. Closest websafe color is: #ccff33.
-
- R 80
- G 95
- B 19
-
- C 16
- M 0
- Y 80
- K 5
● #ccf330 color description : Bright yellow.
#ccf330 Color Conversion
The hexadecimal color #ccf330 has RGB values of R:204, G:243, B:48 and CMYK values of C:0.16, M:0, Y:0.8, K:0.05. Its decimal value is 13431600.
Hex triplet | ccf330 | #ccf330 |
---|---|---|
RGB Decimal | 204, 243, 48 | rgb(204,243,48) |
RGB Percent | 80, 95.3, 18.8 | rgb(80%,95.3%,18.8%) |
CMYK | 16, 0, 80, 5 | |
HSL | 72°, 89, 57.1 | hsl(72,89%,57.1%) |
HSV (or HSB) | 72°, 80.2, 95.3 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 90.391, -35.743, 80.927 |
---|---|
XYZ | 57.485, 77.152, 14.659 |
xyY | 0.385, 0.517, 77.152 |
CIE-LCH | 90.391, 88.469, 113.829 |
CIE-LUV | 90.391, -17.818, 97.884 |
Hunter-Lab | 87.836, -36.891, 51.59 |
Binary | 11001100, 11110011, 00110000 |
Color Schemes with #ccf330
Alternatives to #ccf330
Below, you can see some colors close to #ccf330. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf330 Preview
This text has a font color of #ccf330.
<span style="color:#ccf330;">Text here</span>
This paragraph has a background color of #ccf330.
<p style="background-color:#ccf330;">Content here</p>
This element has a border color of #ccf330.
<div style="border:1px solid #ccf330;">Content here</div>
.text {color:#ccf330;}
.background {background-color:#ccf330;}
.border {border:1px solid #ccf330;}
Shades and Tints of #ccf330
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, #0d0f01 is the darkest color, while #fefffc is the lightest one.
-
#0d0f01
#0d0f01
rgb(13,15,1)
-
#1c2202
#1c2202
rgb(28,34,2)
-
#2b3503
#2b3503
rgb(43,53,3)
-
#3a4704
#3a4704
rgb(58,71,4)
-
#495a05
#495a05
rgb(73,90,5)
-
#586c06
#586c06
rgb(88,108,6)
-
#677f07
#677f07
rgb(103,127,7)
-
#769108
#769108
rgb(118,145,8)
-
#85a409
#85a409
rgb(133,164,9)
-
#94b60b
#94b60b
rgb(148,182,11)
-
#a3c90c
#a3c90c
rgb(163,201,12)
-
#b2db0d
#b2db0d
rgb(178,219,13)
-
#c1ee0e
#c1ee0e
rgb(193,238,14)
-
#c7f21d
#c7f21d
rgb(199,242,29)
-
#ccf330
#ccf330
rgb(204,243,48)
-
#d1f443
#d1f443
rgb(209,244,67)
-
#d5f555
#d5f555
rgb(213,245,85)
-
#daf668
#daf668
rgb(218,246,104)
-
#def77a
#def77a
rgb(222,247,122)
-
#e3f88d
#e3f88d
rgb(227,248,141)
-
#e7f99f
#e7f99f
rgb(231,249,159)
-
#ecfbb2
#ecfbb2
rgb(236,251,178)
-
#f1fcc4
#f1fcc4
rgb(241,252,196)
-
#f5fdd7
#f5fdd7
rgb(245,253,215)
-
#fafee9
#fafee9
rgb(250,254,233)
-
#fefffc
#fefffc
rgb(254,255,252)
Tones of #ccf330
A tone is produced by adding gray to any pure hue. In this case, #94968d is the less saturated color, while #d1fb28 is the most saturated one.
-
#94968d
#94968d
rgb(148,150,141)
-
#999f84
#999f84
rgb(153,159,132)
-
#9fa77c
#9fa77c
rgb(159,167,124)
-
#a4b073
#a4b073
rgb(164,176,115)
-
#a9b86b
#a9b86b
rgb(169,184,107)
-
#aec063
#aec063
rgb(174,192,99)
-
#b3c95a
#b3c95a
rgb(179,201,90)
-
#b8d152
#b8d152
rgb(184,209,82)
-
#bdda49
#bdda49
rgb(189,218,73)
-
#c2e241
#c2e241
rgb(194,226,65)
-
#c7eb38
#c7eb38
rgb(199,235,56)
-
#ccf330
#ccf330
rgb(204,243,48)
-
#d1fb28
#d1fb28
rgb(209,251,40)
Color Blindness Simulator
Below, you can see how #ccf330 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.