Created at 12/14/2023 10:48
#2a6dcb HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #2a6dcb | RGB(42, 109, 203) |
RGB values are RGB(42, 109, 203)
#2a6dcb color contain Red 16.47%, Green 42.75% and Blue 79.61%.
oklch(54.37% 0.1608 257.79)
#2a6dcb color contain Red 16.47%, Green 42.75% and Blue 79.61%.
oklch(54.37% 0.1608 257.79)
Classification of #2a6dcb color
#2a6dcb is Semi dark and Cool Color Saturation 66%, lightness 48%.
Shade of royalblue
Alternative colors of #2a6dcb
Opposite Color for #2a6dcb is #cb882a
#2a6dcb Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a6dcb
Decimal
2780619
HEX
#2a6dcb
HSL
hsl(215, 66%, 48%)
HSLA
hsla(215, 66%, 48%, 1)
RGB
RGB(42, 109, 203)
RGBA
RGBA(42, 109, 203, 1)
Palettes for #2a6dcb color:
Below examples of color palettes for #2a6dcb HEX color
darkest color is #040b14 from shades and lightest color is #eaf0fa from tints
Shades palette of #2a6dcb:
#2662b7
#2257a2
#1d4c8e
#19417a
#153766
#112c51
#0d213d
#081629
#040b14
#000000
Tints palette of #2a6dcb:
#3f7cd0
#558ad5
#6a99db
#7fa7e0
#95b6e5
#aac5ea
#bfd3ef
#d4e2f5
#eaf0fa
#ffffff
Complementary palette of #2a6dcb:
#2a6dcb
#cb882a
Triadic palette of #2a6dcb:
#2a6dcb
#cb2a6d
#6dcb2a
Square palette of #2a6dcb:
#2a6dcb
#cb2abe
#2acb37
#cb882a
Analogous palette of #2a6dcb:
#2abecb
#2a6dcb
Split-Complementary palette of #2a6dcb:
#2a6dcb
#2abecb
Rectangle (tetradic) palette of #2a6dcb:
#2a6dcb
#cb2abe
#2acb37
#cb372a
Suggested colors palettes for #2a6dcb HEX:
Colors palette with color #2a6dcb #1:
Colors palette with color #2a6dcb #2:
Colors palette with color #2a6dcb #3:
Colors palette with color #2a6dcb #4:
Colors palette with color #2a6dcb #5:
Color Contrast
Color pairings #2a6dcb with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#2a6dcb
#2a6dcb Contrast Ratio
5.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a6dcb
#2a6dcb Contrast Ratio
4.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a6dcb color png
Visit the popular colors list for more colors