Created at 01/13/2024 18:12
#2a6cbb HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #2a6cbb | RGB(42, 108, 187) |
RGB values are RGB(42, 108, 187)
#2a6cbb color contain Red 16.47%, Green 42.35% and Blue 73.33%.
oklch(53.08% 0.1407 255.06)
#2a6cbb color contain Red 16.47%, Green 42.35% and Blue 73.33%.
oklch(53.08% 0.1407 255.06)
Classification of #2a6cbb color
#2a6cbb is Semi dark and Cool Color Saturation 63%, lightness 45%.
Tint of royalblue
Alternative colors of #2a6cbb
Opposite Color for #2a6cbb is #bb7a2a
#2a6cbb Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a6cbb
Decimal
2780347
HEX
#2a6cbb
HSL
hsl(213, 63%, 45%)
HSLA
hsla(213, 63%, 45%, 1)
RGB
RGB(42, 108, 187)
RGBA
RGBA(42, 108, 187, 1)
Palettes for #2a6cbb color:
Below examples of color palettes for #2a6cbb HEX color
darkest color is #040b13 from shades and lightest color is #eaf0f8 from tints
Shades palette of #2a6cbb:
#2661a8
#225696
#1d4c83
#194170
#15365e
#112b4b
#0d2038
#081625
#040b13
#000000
Tints palette of #2a6cbb:
#3f7bc2
#5589c9
#6a98cf
#7fa7d6
#95b6dd
#aac4e4
#bfd3eb
#d4e2f1
#eaf0f8
#ffffff
Complementary palette of #2a6cbb:
#2a6cbb
#bb7a2a
Triadic palette of #2a6cbb:
#2a6cbb
#bb2a6c
#6cbb2a
Square palette of #2a6cbb:
#2a6cbb
#bb2ab4
#2abb32
#bb7a2a
Analogous palette of #2a6cbb:
#2ab4bb
#2a6cbb
Split-Complementary palette of #2a6cbb:
#2a6cbb
#2ab4bb
Rectangle (tetradic) palette of #2a6cbb:
#2a6cbb
#bb2ab4
#2abb32
#bb322a
Suggested colors palettes for #2a6cbb HEX:
Colors palette with color #2a6cbb #1:
Colors palette with color #2a6cbb #2:
Colors palette with color #2a6cbb #3:
Colors palette with color #2a6cbb #4:
Colors palette with color #2a6cbb #5:
Color Contrast
Color pairings #2a6cbb with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#2a6cbb
#2a6cbb Contrast Ratio
5.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a6cbb
#2a6cbb Contrast Ratio
3.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a6cbb color png
Visit the popular colors list for more colors