Created at 01/16/2024 23:17
#5e60ce HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #5e60ce | RGB(94, 96, 206) |
RGB values are RGB(94, 96, 206)
#5e60ce color contain Red 36.86%, Green 37.65% and Blue 80.78%.
oklch(54.57% 0.1662 278.57)
#5e60ce color contain Red 36.86%, Green 37.65% and Blue 80.78%.
oklch(54.57% 0.1662 278.57)
Color Names of #5e60ce HEX code
Adaptive Indigo, Cluster Indigo, Completion Indigo, CSS Grid Indigo, Currency Indigo, Finance Indigo, Focus Indigo, Fractal Indigo, Futuristic Indigo, Hook Indigo, Indigo, Inference Indigo, Latency Indigo, Mapping Indigo, Memory Blue, Mystic Blue, Notification Indigo, Prompt Indigo, Ranking Indigo, Row Indigo, State Indigo, Tab Focus Indigo, Tech Blue, Terminal Indigo, Token Indigo, Token Stream Indigo, Userpath Indigo, UX Indigo Color
Classification of #5e60ce color
#5e60ce is Light and Cool Color Saturation 53%, lightness 59%.
Shade of slateblue
Alternative colors of #5e60ce
Opposite Color for #5e60ce is #cecc5f
#5e60ce Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5e60ce
Decimal
6185166
HEX
#5e60ce
HSL
hsl(239, 53%, 59%)
HSLA
hsla(239, 53%, 59%, 1)
RGB
RGB(94, 96, 206)
RGBA
RGBA(94, 96, 206, 1)
Palettes for #5e60ce color:
Below examples of color palettes for #5e60ce HEX color
darkest color is #090a15 from shades and lightest color is #efeffa from tints
Shades palette of #5e60ce:
#5556b9
#4b4da5
#424390
#383a7c
#2f3067
#262652
#1c1d3e
#131329
#090a15
#000000
Tints palette of #5e60ce:
#6e70d3
#7e80d8
#8e90dd
#9ea0e2
#afb0e7
#bfbfeb
#cfcff0
#dfdff5
#efeffa
#ffffff
Complementary palette of #5e60ce:
#5f61ce
#cecc5f
Triadic palette of #5e60ce:
#5f61ce
#ce5f61
#61ce5f
Square palette of #5e60ce:
#5f61ce
#ce5f98
#5fce95
#cecc5f
Analogous palette of #5e60ce:
#5f98ce
#5f61ce
Split-Complementary palette of #5e60ce:
#5f61ce
#5f98ce
Rectangle (tetradic) palette of #5e60ce:
#5f61ce
#ce5f98
#5fce95
#ce955f
Suggested colors palettes for #5e60ce HEX:
Colors palette with color #5e60ce #1:
Colors palette with color #5e60ce #2:
Colors palette with color #5e60ce #3:
Colors palette with color #5e60ce #4:
Colors palette with color #5e60ce #5:
Color #5e60ce used in palettes (24)
Custom React Component Palette Kawaii Purple-Blue Colorbar Cross-Device UI Grid Engine Meta Gradient Neo Surface Accessible UI Pattern System Accessibility-First Web Component Kit Next Design System Flux Layer Adaptive UI Machine Learning Palette The Garden of Earthly Delights Surreal Nature AI UX Command Framework Generative UX Aurora Trends API Builder and Token Manager Digital Twin Monitoring Palette Generative Transformer Pixel Portal Pixel Neural Arcade Flux Fractal Adaptive Web Horizon Responsive Neural Vector Horizon UI Kit for FinTech Dashboards Celestial Debug Overlay Gamified Onboarding UX Palette Semantic UX Story Flowchart Composable UI Design Infrastructure Mobile Wallet Interface Colors AI Prompt Engineering Studio
Color Contrast
Color pairings #5e60ce with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5e60ce
#5e60ce Contrast Ratio
5.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5e60ce
#5e60ce Contrast Ratio
4.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5e60ce color png
Visit the popular colors list for more colors