Created at 02/20/2023 09:08
#ffc107 HEX Color information
| Color | HEX | RGB |
| #ffc107 | RGB(255, 193, 7) |
RGB values are RGB(255, 193, 7)
#ffc107 color contain Red 100%, Green 75.69% and Blue 2.75%.
Color Names of #ffc107 HEX code
amber, Amber (a), bg-warning, button / pending, Gold Yellow, Marigold, secondary, warning, yellow Color
Alternative colors of #ffc107
Opposite Color for #ffc107 is #0544ff
#ffc107 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ffc107
Decimal
16761095
HEX
#ffc107
HSL
hsl(45, 100%, 51%)
HSLA
hsla(45, 100%, 51%, 1)
RGB
RGB(255, 193, 7)
RGBA
RGBA(255, 193, 7, 1)
Palettes for #ffc107 color:
Below examples of color palettes for #ffc107 HEX color
darkest color is #191301 from shades and lightest color is #fff9e6 from tints
Shades palette of #ffc107:
Tints palette of #ffc107:
Complementary palette of #ffc107:
Triadic palette of #ffc107:
Square palette of #ffc107:
Analogous palette of #ffc107:
Split-Complementary palette of #ffc107:
Rectangle (tetradic) palette of #ffc107:
Suggested colors palettes for #ffc107 HEX:
Colors palette with color #ffc107 #1:
Colors palette with color #ffc107 #2:
Colors palette with color #ffc107 #3:
Colors palette with color #ffc107 #4:
Colors palette with color #ffc107 #5:
Color #ffc107 used in palettes (47)
Discord Colour Roles Bootstrap 4 background colors (classes) palette Discord Color Roles Bootstrap 5 colors Material Design Color Palette (20 colors) (1) Material Design Color Palette (16 colors) Material Design color palette bootstrap 5 color (primary, secondary, success, danger, warning and info) Material Design Color Palette (18 colors) Bootstrap 4 Badge colors yellowish brown Amber palette Materialize CSS Fusion Shades of Material Design Amber color #FFC107 hex Material Design Color Palette (16 colors) (Yellow) Material Design Color Palette (16 colors) (Black) Discord Colour (Complete Palette) 16 Color Palette Material Design Color Palette (20 colors) (2) kem-bootstrap4-all-colors-palette Tints of Material Design Amber color #FFC107 hex Google Grasshopper drawBox Colors List (Part 1) MATERIAL DESIGN COLOR PALETTE (2/2) Bootstrap bs4/all-colors-palette bs4/theme-colors Discord Colour (17 colors) b4 42 bootstrap 5 fs site bootstrap-def yellow palette Material Design Color Palette (16 colors) (Magenta) Material Design Color Palette (16 colors) (Blue) kem-bootstrap-4-standard my Material Design Color Palette (16 colors) (White) Material Design Color Palette (16 colors) (Cyan) Material Design Color Palette (16 colors) (Green) amber Material 16 Colors zxcvb sjsjs 16 Colors 20 Colors Material Design Color Palette (16 colors) (Red) MATERIAL DESIGN COLOR PALETTE (16)
Color Contrast
Color pairings #ffc107 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ffc107
#ffc107 Contrast Ratio
1.63:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ffc107
#ffc107 Contrast Ratio
12.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
