Created at 10/14/2024 13:29
#3a86ff HEX Color information
| Color | HEX | RGB |
| #3a86ff | RGB(58, 134, 255) |
RGB values are RGB(58, 134, 255)
#3a86ff color contain Red 22.75%, Green 52.55% and Blue 100%.
oklch(63.71% 0.1953 259.51)
#3a86ff color contain Red 22.75%, Green 52.55% and Blue 100%.
oklch(63.71% 0.1953 259.51)
More palettes with:
Color Names of #3a86ff HEX code
8bit Blue, Accent Blue, Accessible Blue, Action Blue, Algorithm Accent Blue, Annotation Blue, API Blue, AR Blue, AR Lens Blue, Arcade Blue, Arcade Cyan, Arcade Logic Blue, Architecture Flow Blue, Audio Wave Blue, Autocomplete Blue, Bitstream Blue, Blockchain Blue, Blueprint Blue, Bold Blue, Button Blue, Causal Logic Blue, Cerulean Sky, Cerulean Wave, Chainlink Blue, Classifier Blue, Cobalt Tint, Code Blue, Cognition Blue, Component Blue, Consent Blue, Contrast Blue, Conversion Blue, CRT Blue, Cursor Blue, Cyber Blue, Data Blue, Data Pulse Blue, Dataset Blue, Decision Surface Blue, Deploy Blue, Deploy Cloud Blue, Depth Blue, Dialogue Blue, Distributed Blue, Dodger Blue, Ease Blue, Edge Blue, Editor Blue, Electric Logic Blue, Element Scan Blue, Energy Blue, Engagement Blue, Entity Blue, Event Blue, Fair Blue, Flow Blue, Flowchart Blue, Focus Blue Flame, Focus Teal, Forecast Blue, Frame Glow Blue, Generative Blue, Generator Sky, Gesture Blue, Graph Point Blue, Grid Blue, Gridline Blue, Hint Blue, Holo Blue, Hook Blue, Horizon Blue, Hover State Blue, Hyperlink Blue, Inbox Blue, Input Wave Blue, Insight Beam Blue, Insight Blue, Insight Chart Blue, Instance Blue, Intent Blue, Interactive Blue, Invoke Blue, Joystick Blue, Kernel Blue, Keyframe Blue, Keyword Blue, Label Blue, Landing Page Blue, Latent Ocean Blue, Layout Blue, Learning Rate Blue, Ledger Blue, Lens Blue, Linguist Blue, Link Blue, Link Electric, Link Highlight Blue, Lint Blue, Logic Gate Blue, Manifest Blue Color
Alternative colors of #3a86ff
Opposite Color for #3a86ff is #ffb338
#3a86ff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a86ff
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 examples of color palettes for #3a86ff HEX color
darkest color is #060d19 from shades and lightest color is #ebf3ff from tints
Shades palette of #3a86ff:
Tints palette of #3a86ff:
Complementary palette of #3a86ff:
Triadic palette of #3a86ff:
Square palette of #3a86ff:
Analogous palette of #3a86ff:
Split-Complementary palette of #3a86ff:
Rectangle (tetradic) palette of #3a86ff:
Color #3a86ff used in palettes (23)
Perplexity AI Search Flow AI-Driven Dashboard Palette Anthropic Claude Agent Toolkit Midnight Neon UI Kit Full Stack Web Component Layer 3 color palette tricolor palette React Fiber Quantum Components Anthropic Safety Alignment Palette AI Semantic Knowledge Graph Psychotronic Color Arcade Grid Web3 Decentralized Metaverse Palette Hyperlinked Nostalgic Pixel Bloom Cyber Studio Contrast Motion Urban UI Adaptive Vision Retro 8-Bit Neural Console 4 color palette Replit Web IDE Palette Web Components Cognitive Spectrum Startup Landing Page UI Palette PAL_03 OpenAI GPT-4 Turbo UI Kit Web3 Pixelated Interaction Flow
Color Contrast
Color pairings #3a86ff with black and white with small text, large text and graphics based on WCAG on a 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
