#448cbc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #448cbc | RGB(68, 140, 188) |
Created at 02/20/2023 15:17
RGB values are RGB(68, 140, 188)
#448cbc color contains Red 26.67%, Green 54.9% and Blue 73.73%.
oklch(61.45% 0.1025 240.48)
#448cbc color contains Red 26.67%, Green 54.9% and Blue 73.73%.
oklch(61.45% 0.1025 240.48)
Color Names of #448cbc HEX code
Cyan-Blue Azure Color
≈ Steel Blue
Classification of #448cbc color
#448cbc is Light and Cool Color Saturation 47%, lightness 50%.
Tint of Steel Blue
Alternative colors of #448cbc
Opposite Color for #448cbc is #bc7444
#448cbc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #448cbc
cmyk
CMYK(64%, 26%, 0%, 26%)
Decimal
4492476
HEX
#448cbc
HSL
hsl(204, 47%, 50%)
HSLA
hsla(204, 47%, 50%, 1)
RGB
RGB(68, 140, 188)
RGBA
RGBA(68, 140, 188, 1)
Palettes for #448cbc color:
Below are examples of color palettes with the #448cbc HEX color
darkest color is #070e13 from shades and lightest color is #ecf4f8 from tints
Shades palette of #448cbc:
#3d7ea9
#367096
#306284
#295471
#22465e
#1b384b
#142a38
#0e1c26
#070e13
#000000
Tints palette of #448cbc:
#5798c3
#69a3c9
#7cafd0
#8fbad7
#a2c6de
#b4d1e4
#c7ddeb
#dae8f2
#ecf4f8
#ffffff
Complementary palette of #448cbc:
#448cbc
#bc7444
Triadic palette of #448cbc:
#448cbc
#bc448c
#8cbc44
Square palette of #448cbc:
#448cbc
#b044bc
#bc7444
#50bc44
Analogous palette of #448cbc:
#44bcb0
#448cbc
#4450bc
Split-Complementary palette of #448cbc:
#448cbc
#bc4450
#bcb044
Rectangle (tetradic) palette of #448cbc:
#448cbc
#7444bc
#bc7444
#8cbc44
Suggested color palettes for #448cbc HEX:
Color palette with color #448cbc #1:
Color palette with color #448cbc #2:
Color palette with color #448cbc #3:
Color palette with color #448cbc #4:
Color palette with color #448cbc #5:
Color #448cbc used in palettes (15)
E-commerce ux interaction design form paletteSurf performance typogaphy websiteOutfit ui streetwear uidesign paletteIcon 3d simplenote colorsCharacter voyage scene colorful colors paletteCryptocurrency ui blockchain landing page hex colorsBlue & PurpleUi ux design coloursType illustration 3dCharacter women flat nature mistletoe image coloursClean mentalhealth ux workout hex colorsClassroom online learning tutor education colors paletteMark soar icon aviation hex colorsBible camp aviation brandi colorsAzure 1
Color Contrast
Color pairings of #448cbc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#448cbc
#448cbcContrast Ratio
3.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#448cbc
#448cbcContrast Ratio
5.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #448cbc color png
Visit the popular colors list for more colors