#2d6cdd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2d6cdd | RGB(45, 108, 221) |
Created at 11/03/2026 11:12
RGB values are RGB(45, 108, 221)
#2d6cdd color contains Red 17.65%, Green 42.35% and Blue 86.67%.
oklch(55.54% 0.1848 261.01)
#2d6cdd color contains Red 17.65%, Green 42.35% and Blue 86.67%.
oklch(55.54% 0.1848 261.01)
Color Names of #2d6cdd HEX code
≈ Mariner
Classification of #2d6cdd color
#2d6cdd is Semi dark and Cool Color Saturation 72%, lightness 52%.
Shade of Royal Blue
Alternative colors of #2d6cdd
Opposite Color for #2d6cdd is #dd9e2d
#2d6cdd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2d6cdd
cmyk
CMYK(80%, 51%, 0%, 13%)
Decimal
2976989
HEX
#2d6cdd
HSL
hsl(219, 72%, 52%)
HSLA
hsla(219, 72%, 52%, 1)
RGB
RGB(45, 108, 221)
RGBA
RGBA(45, 108, 221, 1)
Palettes for #2d6cdd color:
Below are examples of color palettes with the #2d6cdd HEX color
darkest color is #040b16 from shades and lightest color is #eaf0fc from tints
Shades palette of #2d6cdd:
#2961c7
#2456b1
#1f4c9b
#1b4185
#17366f
#122b58
#0e2042
#09162c
#040b16
#000000
Tints palette of #2d6cdd:
#427be0
#5789e4
#6c98e7
#81a7eb
#96b6ee
#abc4f1
#c0d3f5
#d5e2f8
#eaf0fc
#ffffff
Complementary palette of #2d6cdd:
#2d6cdd
#dd9e2d
Triadic palette of #2d6cdd:
#2d6cdd
#dd2d6c
#6cdd2d
Square palette of #2d6cdd:
#2d6cdd
#dd2dc4
#dd9e2d
#2ddd46
Analogous palette of #2d6cdd:
#2dc4dd
#2d6cdd
#462ddd
Split-Complementary palette of #2d6cdd:
#2d6cdd
#dd462d
#c4dd2d
Rectangle (tetradic) palette of #2d6cdd:
#2d6cdd
#9e2ddd
#dd9e2d
#6cdd2d
Suggested color palettes for #2d6cdd HEX:
Color palette with color #2d6cdd #1:
Color palette with color #2d6cdd #2:
Color palette with color #2d6cdd #3:
Color palette with color #2d6cdd #4:
Color palette with color #2d6cdd #5:
Color Contrast
Color pairings of #2d6cdd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2d6cdd
#2d6cddContrast Ratio
4.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2d6cdd
#2d6cddContrast Ratio
4.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2d6cdd color png
Visit the popular colors list for more colors