#123aed HEX color information
| Color | HEX | RGB |
|---|---|---|
| #123aed | RGB(18, 58, 237) |
Created at 12/13/2023 18:28
Classification of #123aed color
#123aed is Semi dark and Cool Color Saturation 86%, lightness 50%.
Tint of Blue
RGB values are RGB(18, 58, 237)
#123aed color contains Red 7.06%, Green 22.75% and Blue 92.94%.
oklch(47.55% 0.2641 265.07)
#123aed color contains Red 7.06%, Green 22.75% and Blue 92.94%.
oklch(47.55% 0.2641 265.07)
Alternative colors of #123aed
Opposite Color for #123aed is #edc512
#123aed Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #123aed
Decimal
1194733
HEX
#123aed
HSL
hsl(229, 86%, 50%)
HSLA
hsla(229, 86%, 50%, 1)
RGB
RGB(18, 58, 237)
RGBA
RGBA(18, 58, 237, 1)
Palettes for #123aed color:
Below examples of color palettes for #123aed HEX color
darkest color is #020618 from shades and lightest color is #e7ebfd from tints
Shades palette of #123aed:
#1034d5
#0e2ebe
#0d29a6
#0b238e
#091d77
#07175f
#051147
#040c2f
#020618
#000000
Tints palette of #123aed:
#2a4eef
#4161f1
#5975f2
#7189f4
#899df6
#a0b0f8
#b8c4fa
#d0d8fb
#e7ebfd
#ffffff
Complementary palette of #123aed:
#123aed
#edc512
Triadic palette of #123aed:
#123aed
#ed123a
#3aed12
Square palette of #123aed:
#123aed
#ed12a8
#edc512
#12ed57
Analogous palette of #123aed:
#12a8ed
#123aed
#5712ed
Split-Complementary palette of #123aed:
#123aed
#ed5712
#a8ed12
Rectangle (tetradic) palette of #123aed:
#123aed
#c512ed
#edc512
#3aed12
Suggested color palettes for #123aed HEX:
Color palette with color #123aed #1:
Color palette with color #123aed #2:
Color palette with color #123aed #3:
Color palette with color #123aed #4:
Color palette with color #123aed #5:
Color Contrast
Color pairings #123aed with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#123aed
#123aed Contrast Ratio
7.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#123aed
#123aed Contrast Ratio
2.85:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #123aed color png
Visit the popular colors list for more colors