Created at 02/19/2023 01:49
#ffcc80 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ffcc80 | RGB(255, 204, 128) |
RGB values are RGB(255, 204, 128)
#ffcc80 color contain Red 100%, Green 80% and Blue 50.2%.
oklch(87.41% 0.1102 76.47)
#ffcc80 color contain Red 100%, Green 80% and Blue 50.2%.
oklch(87.41% 0.1102 76.47)
Color Names of #ffcc80 HEX code
background, Diagram Peach, Egg Yolk, JS Sand, orange lighten-3, Soft Apricot, Soft Ochre Color
Classification of #ffcc80 color
#ffcc80 is Light and Warm Color Saturation 100%, lightness 75%.
Tint of navajowhite
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
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 examples of color palettes for #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
#80ff8c
#ff80f2
#80b3ff
Analogous palette of #ffcc80:
#ff8c80
#ffcc80
Split-Complementary palette of #ffcc80:
#ffcc80
#ff8c80
Rectangle (tetradic) palette of #ffcc80:
#ffcc80
#80ff8c
#ff80f2
#80f2ff
Loading...
Color #ffcc80 used in palettes (21)
Tints of Material Design Orange color #FF9800 hex Orange palette Materialize CSS Orange Cat roles 16 Color Palette Material Design Color Palette (nº15) 26 Orange #1- Tint Material Design Color Palette (15) ORANGE 1 Spring 2024 Spring 2024 (Edited) React Component Hyperlink Kit Minimalist Synthesis Engine AI Mobile Amazon Prime Orange Design Agency 17 Vitamin C (Tints) Material Design color palette 5 Story Mapping React Neural Portal
Color Contrast
Color pairings #ffcc80 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ffcc80
#ffcc80 Contrast Ratio
1.47:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ffcc80
#ffcc80 Contrast 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