#3a86ff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a86ff | RGB(58, 134, 255) |
Created at 10/14/2024 13:29
Classification of #3a86ff color
#3a86ff is Light and Cool Color Saturation 100%, lightness 61%.
Tint of Dodger Blue
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
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 Flow AI-Driven Dashboard Palette Anthropic Claude Agent Toolkit 3 color palette Midnight Neon UI Kit Full Stack Web Component Layer Anthropic Safety Alignment Palette Web3 Decentralized Metaverse Palette Psychotronic Color Arcade Grid AI Semantic Knowledge Graph React Fiber Quantum Components tricolor palette Hyperlinked Nostalgic Pixel Bloom Urban UI Adaptive Vision Cyber Studio Contrast Motion Retro 8-Bit Neural Console 4 color palette Startup Landing Page UI Palette OpenAI GPT-4 Turbo UI Kit PAL_03 Web Components Cognitive Spectrum Progressive Web App Neural Arcade Web3 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
#3a86ff Contrast Ratio
3.48:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a86ff
#3a86ff Contrast 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