Created at 02/28/2023 05:59
#ccdc0c HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ccdc0c | RGB(204, 220, 12) |
RGB values are RGB(204, 220, 12)
#ccdc0c color contain Red 80%, Green 86.27% and Blue 4.71%.
oklch(85.32% 0.1917 114.99)
#ccdc0c color contain Red 80%, Green 86.27% and Blue 4.71%.
oklch(85.32% 0.1917 114.99)
Classification of #ccdc0c color
#ccdc0c is Light and Warm Color Saturation 90%, lightness 45%.
Shade of Yellow
Alternative colors of #ccdc0c
Opposite Color for #ccdc0c is #1d0bda
#ccdc0c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccdc0c
Decimal
13425676
HEX
#ccdc0c
HSL
hsl(65, 90%, 45%)
HSLA
hsla(65, 90%, 45%, 1)
RGB
RGB(204, 220, 12)
RGBA
RGBA(204, 220, 12, 1)
Palettes for #ccdc0c color:
Below examples of color palettes for #ccdc0c HEX color
darkest color is #141601 from shades and lightest color is #fafce7 from tints
Shades palette of #ccdc0c:
#b8c60b
#a3b00a
#8f9a08
#7a8407
#666e06
#525805
#3d4204
#292c02
#141601
#000000
Tints palette of #ccdc0c:
#d1e024
#d6e33d
#dbe755
#e0ea6d
#e6ee86
#ebf19e
#f0f5b6
#f5f8ce
#fafce7
#ffffff
Complementary palette of #ccdc0c:
#c9da0b
#1d0bda
Triadic palette of #ccdc0c:
#c9da0b
#0bc9da
#da0bc9
Square palette of #ccdc0c:
#c9da0b
#0bda84
#da0b62
#1d0bda
Analogous palette of #ccdc0c:
#da840b
#c9da0b
Split-Complementary palette of #ccdc0c:
#c9da0b
#da840b
Rectangle (tetradic) palette of #ccdc0c:
#c9da0b
#0bda84
#da0b62
#0b62da
Suggested colors palettes for #ccdc0c HEX:
Colors palette with color #ccdc0c #1:
Colors palette with color #ccdc0c #2:
Colors palette with color #ccdc0c #3:
Colors palette with color #ccdc0c #4:
Colors palette with color #ccdc0c #5:
Color #ccdc0c used in palettes (1)
Color Contrast
Color pairings #ccdc0c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ccdc0c
#ccdc0c Contrast Ratio
1.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccdc0c
#ccdc0c Contrast Ratio
13.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccdc0c color png
Visit the popular colors list for more colors