#448aff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #448aff | RGB(68, 138, 255) |
Created at 02/19/2023 13:59
RGB values are RGB(68, 138, 255)
#448aff color contains Red 26.67%, Green 54.12% and Blue 100%.
oklch(64.87% 0.188 260.08)
#448aff color contains Red 26.67%, Green 54.12% and Blue 100%.
oklch(64.87% 0.188 260.08)
Color Names of #448aff HEX code
Bleuchâtel Blue, blue accent-2 Color
≈ Cornflower Blue
Classification of #448aff color
#448aff is Light and Cool Color Saturation 100%, lightness 63%.
Tint of Dodger Blue
Alternative colors of #448aff
Opposite Color for #448aff is #ffb944
#448aff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #448aff
cmyk
CMYK(73%, 46%, 0%, 0%)
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 are examples of color palettes with the #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:
#448aff
#ffb944
Triadic palette of #448aff:
#448aff
#ff448a
#8aff44
Square palette of #448aff:
#448aff
#ff44e8
#ffb944
#44ff5c
Analogous palette of #448aff:
#44e8ff
#448aff
#5b44ff
Split-Complementary palette of #448aff:
#448aff
#ff5c44
#e7ff44
Rectangle (tetradic) palette of #448aff:
#448aff
#b944ff
#ffb944
#8aff44
Suggested color palettes for #448aff HEX:
Color palette with color #448aff #1:
Color palette with color #448aff #2:
Color palette with color #448aff #3:
Color palette with color #448aff #4:
Color palette with color #448aff #5:
Color #448aff used in palettes (23)
Blue palette Materialize CSSSoft RainbowOcean Bluesblues35Community Health NursingMaterial Design Color Palette (nº6)Blue GoatBlueMaterial Design Color Palette (06)Mobile Gaming UI Neon PulseRetro JS Dashboard GradientMaterial Design color paletteQuantum Computing UI Glassmorphism Effecttricolor paletteDeep Reinforcement Arcade GlowCyberpunk Hypervector Web ToolkitGenerative Pixel Arcade Neural FrameMaterial Design Color Palette (06/16)Next.js Ecommerce Interface Light ModeMachine Learning Hyperlink Arcade MapMaterial Design color palette 6Augmented Reality Spatial UI Kit
Color Contrast
Color pairings of #448aff with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#448aff
#448affContrast Ratio
3.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#448aff
#448affContrast 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