#2d7bdd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2d7bdd | RGB(45, 123, 221) |
Created at 02/19/2023 15:37
RGB values are RGB(45, 123, 221)
#2d7bdd color contains Red 17.65%, Green 48.24% and Blue 86.67%.
oklch(58.73% 0.1675 256.15)
#2d7bdd color contains Red 17.65%, Green 48.24% and Blue 86.67%.
oklch(58.73% 0.1675 256.15)
Color Names of #2d7bdd HEX code
≈ Mariner
Classification of #2d7bdd color
#2d7bdd is Light and Cool Color Saturation 72%, lightness 52%.
Shade of Steel Blue
Alternative colors of #2d7bdd
Opposite Color for #2d7bdd is #dd8f2d
#2d7bdd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2d7bdd
cmyk
CMYK(80%, 44%, 0%, 13%)
Decimal
2980829
HEX
#2d7bdd
HSL
hsl(213, 72%, 52%)
HSLA
hsla(213, 72%, 52%, 1)
RGB
RGB(45, 123, 221)
RGBA
RGBA(45, 123, 221, 1)
Palettes for #2d7bdd color:
Below are examples of color palettes with the #2d7bdd HEX color
darkest color is #040c16 from shades and lightest color is #eaf2fc from tints
Shades palette of #2d7bdd:
#296fc7
#2462b1
#1f569b
#1b4a85
#173e6f
#123158
#0e2542
#09192c
#040c16
#000000
Tints palette of #2d7bdd:
#4288e0
#5795e4
#6ca3e7
#81b0eb
#96bdee
#abcaf1
#c0d7f5
#d5e5f8
#eaf2fc
#ffffff
Complementary palette of #2d7bdd:
#2d7bdd
#dd8f2d
Triadic palette of #2d7bdd:
#2d7bdd
#dd2d7b
#7bdd2d
Square palette of #2d7bdd:
#2d7bdd
#dd2dd3
#dd8f2d
#2ddd37
Analogous palette of #2d7bdd:
#2dd3dd
#2d7bdd
#372ddd
Split-Complementary palette of #2d7bdd:
#2d7bdd
#dd372d
#d3dd2d
Rectangle (tetradic) palette of #2d7bdd:
#2d7bdd
#8f2ddd
#dd8f2d
#7bdd2d
Suggested color palettes for #2d7bdd HEX:
Color palette with color #2d7bdd #1:
Color palette with color #2d7bdd #2:
Color palette with color #2d7bdd #3:
Color palette with color #2d7bdd #4:
Color palette with color #2d7bdd #5:
Color #2d7bdd used in palettes (1)
Color Contrast
Color pairings of #2d7bdd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2d7bdd
#2d7bddContrast Ratio
4.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2d7bdd
#2d7bddContrast Ratio
4.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2d7bdd color png
Visit the popular colors list for more colors