#2d6bd3 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2d6bd3 | RGB(45, 107, 211) |
Created at 03/04/2023 21:11
Classification of #2d6bd3 color
#2d6bd3 is Semi dark and Cool Color Saturation 65%, lightness 50%.
Shade of Royal Blue
RGB values are RGB(45, 107, 211)
#2d6bd3 color contains Red 17.65%, Green 41.96% and Blue 82.75%.
oklch(54.60% 0.1729 260.19)
#2d6bd3 color contains Red 17.65%, Green 41.96% and Blue 82.75%.
oklch(54.60% 0.1729 260.19)
Color Names of #2d6bd3 HEX code
≈ Mariner
Alternative colors of #2d6bd3
Opposite Color for #2d6bd3 is #d3952d
#2d6bd3 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2d6bd3
cmyk
CMYK(79%, 49%, 0%, 17%)
Decimal
2976723
HEX
#2d6bd3
HSL
hsl(218, 65%, 50%)
HSLA
hsla(218, 65%, 50%, 1)
RGB
RGB(45, 107, 211)
RGBA
RGBA(45, 107, 211, 1)
Palettes for #2d6bd3 color:
Below are examples of color palettes with the #2d6bd3 HEX color
darkest color is #040b15 from shades and lightest color is #eaf0fb from tints
Shades palette of #2d6bd3:
#2960be
#2456a9
#1f4b94
#1b407f
#17366a
#122b54
#0e203f
#09152a
#040b15
#000000
Tints palette of #2d6bd3:
#427ad7
#5789dc
#6c97e0
#81a6e5
#96b5e9
#abc4ed
#c0d3f2
#d5e1f6
#eaf0fb
#ffffff
Complementary palette of #2d6bd3:
#2d6bd3
#d3952d
Triadic palette of #2d6bd3:
#2d6bd3
#d32d6b
#6bd32d
Square palette of #2d6bd3:
#2d6bd3
#d32dbe
#d3952d
#2dd342
Analogous palette of #2d6bd3:
#2dbed3
#2d6bd3
#422dd3
Split-Complementary palette of #2d6bd3:
#2d6bd3
#d3422d
#bed32d
Rectangle (tetradic) palette of #2d6bd3:
#2d6bd3
#952dd3
#d3952d
#6bd32d
Suggested color palettes for #2d6bd3 HEX:
Color palette with color #2d6bd3 #1:
Color palette with color #2d6bd3 #2:
Color palette with color #2d6bd3 #3:
Color palette with color #2d6bd3 #4:
Color palette with color #2d6bd3 #5:
Color #2d6bd3 used in palettes (1)
Color Contrast
Color pairings of #2d6bd3 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2d6bd3
#2d6bd3 Contrast Ratio
5.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2d6bd3
#2d6bd3 Contrast Ratio
4.15:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2d6bd3 color png
Visit the popular colors list for more colors