Created at 02/22/2023 14:33
#3980d2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #3980d2 | RGB(57, 128, 210) |
RGB values are RGB(57, 128, 210)
#3980d2 color contain Red 22.35%, Green 50.2% and Blue 82.35%.
oklch(59.50% 0.1443 254.05)
#3980d2 color contain Red 22.35%, Green 50.2% and Blue 82.35%.
oklch(59.50% 0.1443 254.05)
Classification of #3980d2 color
#3980d2 is Light and Cool Color Saturation 63%, lightness 52%.
Shade of steelblue
Alternative colors of #3980d2
Opposite Color for #3980d2 is #d28a37
#3980d2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3980d2
Decimal
3768530
HEX
#3980d2
HSL
hsl(212, 63%, 52%)
HSLA
hsla(212, 63%, 52%, 1)
RGB
RGB(57, 128, 210)
RGBA
RGBA(57, 128, 210, 1)
Palettes for #3980d2 color:
Below examples of color palettes for #3980d2 HEX color
darkest color is #060d15 from shades and lightest color is #ebf2fb from tints
Shades palette of #3980d2:
#3373bd
#2e66a8
#285a93
#224d7e
#1d4069
#173354
#11263f
#0b1a2a
#060d15
#000000
Tints palette of #3980d2:
#4d8dd7
#6199db
#74a6e0
#88b3e4
#9cc0e9
#b0cced
#c4d9f2
#d7e6f6
#ebf2fb
#ffffff
Complementary palette of #3980d2:
#377fd2
#d28a37
Triadic palette of #3980d2:
#377fd2
#d2377f
#7fd237
Square palette of #3980d2:
#377fd2
#d237cd
#37d23d
#d28a37
Analogous palette of #3980d2:
#37cdd2
#377fd2
Split-Complementary palette of #3980d2:
#377fd2
#37cdd2
Rectangle (tetradic) palette of #3980d2:
#377fd2
#d237cd
#37d23d
#d23d37
Suggested colors palettes for #3980d2 HEX:
Colors palette with color #3980d2 #1:
Colors palette with color #3980d2 #2:
Colors palette with color #3980d2 #3:
Colors palette with color #3980d2 #4:
Colors palette with color #3980d2 #5:
Color #3980d2 used in palettes (1)
Color Contrast
Color pairings #3980d2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3980d2
#3980d2 Contrast Ratio
4.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3980d2
#3980d2 Contrast Ratio
5.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3980d2 color png
Visit the popular colors list for more colors