#124c86 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #124c86 | RGB(18, 76, 134) |
Created at 02/19/2023 08:32
Classification of #124c86 color
#124c86 is Semi dark and Cool Color Saturation 76%, lightness 30%.
Shade of darkslateblue
RGB values are RGB(18, 76, 134)
#124c86 color contains Red 7.06%, Green 29.8% and Blue 52.55%.
oklch(41.33% 0.1126 252.68)
#124c86 color contains Red 7.06%, Green 29.8% and Blue 52.55%.
oklch(41.33% 0.1126 252.68)
Color Names of #124c86 HEX code
≈ Chathams Blue
Alternative colors of #124c86
Opposite Color for #124c86 is #864c12
#124c86 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #124c86
Decimal
1199238
HEX
#124c86
HSL
hsl(210, 76%, 30%)
HSLA
hsla(210, 76%, 30%, 1)
RGB
RGB(18, 76, 134)
RGBA
RGBA(18, 76, 134, 1)
Palettes for #124c86 color:
Below examples of color palettes for #124c86 HEX color
darkest color is #02080d from shades and lightest color is #e7edf3 from tints
Shades palette of #124c86:
#104479
#0e3d6b
#0d355e
#0b2e50
#092643
#071e36
#051728
#040f1b
#02080d
#000000
Tints palette of #124c86:
#2a5e92
#41709e
#5982aa
#7194b6
#89a6c3
#a0b7cf
#b8c9db
#d0dbe7
#e7edf3
#ffffff
Complementary palette of #124c86:
#124c86
#864c12
Triadic palette of #124c86:
#124c86
#86124c
#4c8612
Square palette of #124c86:
#124c86
#861286
#864c12
#128612
Analogous palette of #124c86:
#128686
#124c86
#121286
Split-Complementary palette of #124c86:
#124c86
#861212
#868612
Rectangle (tetradic) palette of #124c86:
#124c86
#4c1286
#864c12
#4c8612
Suggested color palettes for #124c86 HEX:
Color palette with color #124c86 #1:
Color palette with color #124c86 #2:
Color palette with color #124c86 #3:
Color palette with color #124c86 #4:
Color palette with color #124c86 #5:
Color #124c86 used in palettes (5)
Color Contrast
Color pairings #124c86 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#124c86
#124c86 Contrast Ratio
8.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#124c86
#124c86 Contrast Ratio
2.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #124c86 color png
Visit the popular colors list for more colors