#ffcc80 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ffcc80 | RGB(255, 204, 128) |
Created at 02/19/2023 01:49
RGB values are RGB(255, 204, 128)
#ffcc80 color contains Red 100%, Green 80% and Blue 50.2%.
oklch(87.41% 0.1102 76.47)
#ffcc80 color contains Red 100%, Green 80% and Blue 50.2%.
oklch(87.41% 0.1102 76.47)
Color Names of #ffcc80 HEX code
Egg Yolk, orange lighten-3 Color
≈ Chardonnay
Classification of #ffcc80 color
#ffcc80 is Light and Warm Color Saturation 100%, lightness 75%.
Shade of Navajo White
Alternative colors of #ffcc80
Opposite Color for #ffcc80 is #80b3ff
#ffcc80 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ffcc80
cmyk
CMYK(0%, 20%, 50%, 0%)
Decimal
16764032
HEX
#ffcc80
HSL
hsl(36, 100%, 75%)
HSLA
hsla(36, 100%, 75%, 1)
RGB
RGB(255, 204, 128)
RGBA
RGBA(255, 204, 128, 1)
Palettes for #ffcc80 color:
Below are examples of color palettes with the #ffcc80 HEX color
darkest color is #19140d from shades and lightest color is #fffaf2 from tints
Shades palette of #ffcc80:
#e6b873
#cca366
#b38f5a
#997a4d
#806640
#665233
#4d3d26
#33291a
#19140d
#000000
Tints palette of #ffcc80:
#ffd18d
#ffd699
#ffdba6
#ffe0b3
#ffe6c0
#ffebcc
#fff0d9
#fff5e6
#fffaf2
#ffffff
Complementary palette of #ffcc80:
#ffcc80
#80b3ff
Triadic palette of #ffcc80:
#ffcc80
#80ffcc
#cc80ff
Square palette of #ffcc80:
#ffcc80
#80ff8d
#80b3ff
#ff80f2
Analogous palette of #ffcc80:
#ff8d80
#ffcc80
#f2ff80
Split-Complementary palette of #ffcc80:
#ffcc80
#80f2ff
#8d80ff
Rectangle (tetradic) palette of #ffcc80:
#ffcc80
#b3ff80
#80b3ff
#cc80ff
Suggested color palettes for #ffcc80 HEX:
Color palette with color #ffcc80 #1:
Color palette with color #ffcc80 #2:
Color palette with color #ffcc80 #3:
Color palette with color #ffcc80 #4:
Color palette with color #ffcc80 #5:
Color #ffcc80 used in palettes (21)
Tints of Material Design Orange color #FF9800 hexOrange palette Materialize CSSOrange Catroles16 Color PaletteMaterial Design Color Palette (nº15)26Orange #1- TintMaterial Design Color Palette (15)ORANGE1Spring 2024Spring 2024 (Edited)React Component Hyperlink KitAmazon Prime OrangeMinimalist Synthesis Engine AI MobileDesign Agency 17Vitamin C (Tints)Material Design color palette5Story Mapping React Neural Portal
Color Contrast
Color pairings of #ffcc80 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ffcc80
#ffcc80Contrast Ratio
1.47:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ffcc80
#ffcc80Contrast Ratio
14.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ffcc80 color png
Visit the popular colors list for more colors