Created at 02/22/2023 23:05
#124e86 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #124e86 | RGB(18, 78, 134) |
RGB values are RGB(18, 78, 134)
#124e86 color contain Red 7.06%, Green 30.59% and Blue 52.55%.
oklch(41.82% 0.1103 251.37)
#124e86 color contain Red 7.06%, Green 30.59% and Blue 52.55%.
oklch(41.82% 0.1103 251.37)
Classification of #124e86 color
#124e86 is Semi dark and Cool Color Saturation 76%, lightness 30%.
Shade of darkslateblue
Alternative colors of #124e86
Opposite Color for #124e86 is #874b12
#124e86 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #124e86
Decimal
1199750
HEX
#124e86
HSL
hsl(209, 76%, 30%)
HSLA
hsla(209, 76%, 30%, 1)
RGB
RGB(18, 78, 134)
RGBA
RGBA(18, 78, 134, 1)
Palettes for #124e86 color:
Below examples of color palettes for #124e86 HEX color
darkest color is #02080d from shades and lightest color is #e7edf3 from tints
Shades palette of #124e86:
#104679
#0e3e6b
#0d375e
#0b2f50
#092743
#071f36
#051728
#04101b
#02080d
#000000
Tints palette of #124e86:
#2a6092
#41719e
#5983aa
#7195b6
#89a7c3
#a0b8cf
#b8cadb
#d0dce7
#e7edf3
#ffffff
Complementary palette of #124e86:
#124e87
#874b12
Triadic palette of #124e86:
#124e87
#87124e
#4e8712
Square palette of #124e86:
#124e87
#851287
#148712
#874b12
Analogous palette of #124e86:
#128785
#124e87
Split-Complementary palette of #124e86:
#124e87
#128785
Rectangle (tetradic) palette of #124e86:
#124e87
#851287
#148712
#871214
Suggested colors palettes for #124e86 HEX:
Colors palette with color #124e86 #1:
Colors palette with color #124e86 #2:
Colors palette with color #124e86 #3:
Colors palette with color #124e86 #4:
Colors palette with color #124e86 #5:
Color #124e86 used in palettes (1)
Color Contrast
Color pairings #124e86 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#124e86
#124e86 Contrast Ratio
8.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#124e86
#124e86 Contrast Ratio
2.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #124e86 color png
Visit the popular colors list for more colors