Created at 02/21/2024 13:59
#ffd972 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #ffd972 | RGB(255, 217, 114) |
RGB values are RGB(255, 217, 114)
#ffd972 color contain Red 100%, Green 85.1% and Blue 44.71%.
oklch(89.72% 0.129 89.42)
#ffd972 color contain Red 100%, Green 85.1% and Blue 44.71%.
oklch(89.72% 0.129 89.42)
Color Names of #ffd972 HEX code
Balance Gold, Cache Yellow, Focus Amber, Hover Gold, Insight Amber, Mindmap Gold, Motion Gold, Persona Gold, Schema Gold, SEO Tag Gold, Tap Yellow, Upgrade Gold, Vocal Gold Color
Classification of #ffd972 color
#ffd972 is Light and Warm Color Saturation 100%, lightness 72%.
Tint of Khaki
Alternative colors of #ffd972
Opposite Color for #ffd972 is #7096ff
#ffd972 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ffd972
Decimal
16767346
HEX
#ffd972
HSL
hsl(44, 100%, 72%)
HSLA
hsla(44, 100%, 72%, 1)
RGB
RGB(255, 217, 114)
RGBA
RGBA(255, 217, 114, 1)
Palettes for #ffd972 color:
Below examples of color palettes for #ffd972 HEX color
darkest color is #19160b from shades and lightest color is #fffbf1 from tints
Shades palette of #ffd972:
#e6c367
#ccae5b
#b39850
#998244
#806d39
#66572e
#4d4122
#332b17
#19160b
#000000
Tints palette of #ffd972:
#ffdd80
#ffe18e
#ffe49c
#ffe8aa
#ffecb9
#fff0c7
#fff4d5
#fff7e3
#fffbf1
#ffffff
Complementary palette of #ffd972:
#ffd970
#7096ff
Triadic palette of #ffd972:
#ffd970
#70ffd9
#d970ff
Square palette of #ffd972:
#ffd970
#70ff92
#ff70de
#7096ff
Analogous palette of #ffd972:
#ff9270
#ffd970
Split-Complementary palette of #ffd972:
#ffd970
#ff9270
Rectangle (tetradic) palette of #ffd972:
#ffd970
#70ff92
#ff70de
#70deff
Loading...
Color #ffd972 used in palettes (13)
UX Storyboarding AI Canvas Clarity Driven Dashboard Kit Semantic Color Systems for AI Tools Webflow Predictive UI Grid Next-Gen CMS Design System Mobile Fintech App UI Kit Interaction Design Model System Account Tiering & Billing Palette Mobile Gesture Interaction UI Open Source UI Intelligence Pack Voice Interface Prototype Flow Cognitive Mapping UX Suite UX Metrics + Heatmap UI
Color Contrast
Color pairings #ffd972 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ffd972
#ffd972 Contrast Ratio
1.36:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ffd972
#ffd972 Contrast Ratio
15.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ffd972 color png
Visit the popular colors list for more colors