Created at 02/19/2023 13:59
#448aff HEX Color information
| Color | HEX | RGB |
| #448aff | RGB(68, 138, 255) |
RGB values are RGB(68, 138, 255)
#448aff color contain Red 26.67%, Green 54.12% and Blue 100%.
oklch(64.87% 0.188 260.08)
#448aff color contain Red 26.67%, Green 54.12% and Blue 100%.
oklch(64.87% 0.188 260.08)
More palettes with:
Color Names of #448aff HEX code
August, Bit Blue, Bleuchâtel Blue, blue accent-2, Byte Blue, Circuit Blue, Glow Blue, Node Blue, Photon Blue, Primary CTA Blue, Retro Blue, Sprite Blue, Step Blue, Tracking Beam Blue Color
Alternative colors of #448aff
Opposite Color for #448aff is #ffba42
#448aff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #448aff
Decimal
4492031
HEX
#448aff
HSL
hsl(218, 100%, 63%)
HSLA
hsla(218, 100%, 63%, 1)
RGB
RGB(68, 138, 255)
RGBA
RGBA(68, 138, 255, 1)
Palettes for #448aff color:
Below examples of color palettes for #448aff HEX color
darkest color is #070e19 from shades and lightest color is #ecf3ff from tints
Shades palette of #448aff:
Tints palette of #448aff:
Complementary palette of #448aff:
Triadic palette of #448aff:
Square palette of #448aff:
Analogous palette of #448aff:
Split-Complementary palette of #448aff:
Rectangle (tetradic) palette of #448aff:
Color #448aff used in palettes (23)
Blue palette Materialize CSS Soft Rainbow Ocean Blues blues 35 Community Health Nursing Material Design Color Palette (nº6) Blue Goat Blue Material Design Color Palette (06) Mobile Gaming UI Neon Pulse Retro JS Dashboard Gradient Material Design color palette Quantum Computing UI Glassmorphism Effect tricolor palette Deep Reinforcement Arcade Glow Cyberpunk Hypervector Web Toolkit Generative Pixel Arcade Neural Frame Material Design Color Palette (06/16) Next.js Ecommerce Interface Light Mode Machine Learning Hyperlink Arcade Map Material Design color palette 6 Augmented Reality Spatial UI Kit
Color Contrast
Color pairings #448aff with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#448aff
#448aff Contrast Ratio
3.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#448aff
#448aff Contrast Ratio
6.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #448aff color png
Visit the popular colors list for more colors