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)
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
Classification of #448aff color
#448aff is Light and Cool Color Saturation 100%, lightness 63%.
Shade of dodgerblue
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:
#3d7ce6
#366ecc
#3061b3
#295399
#224580
#1b3766
#14294d
#0e1c33
#070e19
#000000
Tints palette of #448aff:
#5796ff
#69a1ff
#7cadff
#8fb9ff
#a2c5ff
#b4d0ff
#c7dcff
#dae8ff
#ecf3ff
#ffffff
Complementary palette of #448aff:
#4287ff
#ffba42
Triadic palette of #448aff:
#4287ff
#ff4287
#87ff42
Square palette of #448aff:
#4287ff
#ff42e6
#42ff5b
#ffba42
Analogous palette of #448aff:
#42e6ff
#4287ff
Split-Complementary palette of #448aff:
#4287ff
#42e6ff
Rectangle (tetradic) palette of #448aff:
#4287ff
#ff42e6
#42ff5b
#ff5b42
Loading...
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