#3a86ff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a86ff | RGB(58, 134, 255) |
Created at 10/14/2024 13:29
RGB values are RGB(58, 134, 255)
#3a86ff color contains Red 22.75%, Green 52.55% and Blue 100%.
oklch(63.71% 0.1953 259.51)
#3a86ff color contains Red 22.75%, Green 52.55% and Blue 100%.
oklch(63.71% 0.1953 259.51)
Color Names of #3a86ff HEX code
Accent Blue, Arcade Blue, Blockchain Blue, Code Blue, Cognition Blue, CRT Blue, Data Blue, Edge Blue, Engagement Blue, Entity Blue, Flowchart Blue, Forecast Blue, Insight Blue, Learning Rate Blue, Ledger Blue, Neural Blue, Neuron Blue, Optimizer Blue, Pixel Blue, Portal Blue, Prompt Blue, Qubit Blue, Render Blue, Signal Blue, Syntax Blue, Waveform Blue Color
≈ Dodger Blue
Classification of #3a86ff color
#3a86ff is Light and Cool Color Saturation 100%, lightness 61%.
Tint of Dodger Blue
Alternative colors of #3a86ff
Opposite Color for #3a86ff is #ffb33a
#3a86ff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a86ff
cmyk
CMYK(77%, 47%, 0%, 0%)
Decimal
3835647
HEX
#3a86ff
HSL
hsl(217, 100%, 61%)
HSLA
hsla(217, 100%, 61%, 1)
RGB
RGB(58, 134, 255)
RGBA
RGBA(58, 134, 255, 1)
Palettes for #3a86ff color:
Below are examples of color palettes with the #3a86ff HEX color
darkest color is #060d19 from shades and lightest color is #ebf3ff from tints
Shades palette of #3a86ff:
#3479e6
#2e6bcc
#295eb3
#235099
#1d4380
#173666
#11284d
#0c1b33
#060d19
#000000
Tints palette of #3a86ff:
#4e92ff
#619eff
#75aaff
#89b6ff
#9dc3ff
#b0cfff
#c4dbff
#d8e7ff
#ebf3ff
#ffffff
Complementary palette of #3a86ff:
#3a86ff
#ffb33a
Triadic palette of #3a86ff:
#3a86ff
#ff3a86
#86ff3a
Square palette of #3a86ff:
#3a86ff
#ff3ae8
#ffb33a
#3aff51
Analogous palette of #3a86ff:
#3ae8ff
#3a86ff
#513aff
Split-Complementary palette of #3a86ff:
#3a86ff
#ff513a
#e8ff3a
Rectangle (tetradic) palette of #3a86ff:
#3a86ff
#b33aff
#ffb33a
#86ff3a
Suggested color palettes for #3a86ff HEX:
Color palette with color #3a86ff #1:
Color palette with color #3a86ff #2:
Color palette with color #3a86ff #3:
Color palette with color #3a86ff #4:
Color palette with color #3a86ff #5:
Color #3a86ff used in palettes (23)
Perplexity AI Search FlowAI-Driven Dashboard PaletteAnthropic Claude Agent Toolkit3 color paletteMidnight Neon UI KitFull Stack Web Component LayerAnthropic Safety Alignment PaletteWeb3 Decentralized Metaverse PalettePsychotronic Color Arcade GridAI Semantic Knowledge GraphReact Fiber Quantum Componentstricolor paletteHyperlinked Nostalgic Pixel BloomUrban UI Adaptive VisionCyber Studio Contrast MotionRetro 8-Bit Neural Console4 color paletteStartup Landing Page UI PaletteOpenAI GPT-4 Turbo UI KitPAL_03Web Components Cognitive SpectrumProgressive Web App Neural ArcadeWeb3 Pixelated Interaction Flow
Color Contrast
Color pairings of #3a86ff with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a86ff
#3a86ffContrast Ratio
3.48:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a86ff
#3a86ffContrast Ratio
6.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a86ff color png
Visit the popular colors list for more colors