#3182ce HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3182ce | RGB(49, 130, 206) |
Created at 07/05/2025 03:12
RGB values are RGB(49, 130, 206)
#3182ce color contains Red 19.22%, Green 50.98% and Blue 80.78%.
oklch(59.46% 0.1398 250.3)
#3182ce color contains Red 19.22%, Green 50.98% and Blue 80.78%.
oklch(59.46% 0.1398 250.3)
Color Names of #3182ce HEX code
≈ Curious Blue
Classification of #3182ce color
#3182ce is Light and Cool Color Saturation 62%, lightness 50%.
Shade of Steel Blue
Alternative colors of #3182ce
Opposite Color for #3182ce is #ce7d31
#3182ce Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3182ce
cmyk
CMYK(76%, 37%, 0%, 19%)
Decimal
3244750
HEX
#3182ce
HSL
hsl(209, 62%, 50%)
HSLA
hsla(209, 62%, 50%, 1)
RGB
RGB(49, 130, 206)
RGBA
RGBA(49, 130, 206, 1)
Palettes for #3182ce color:
Below are examples of color palettes with the #3182ce HEX color
darkest color is #050d15 from shades and lightest color is #eaf3fa from tints
Shades palette of #3182ce:
#2c75b9
#2768a5
#225b90
#1d4e7c
#194167
#143452
#0f273e
#0a1a29
#050d15
#000000
Tints palette of #3182ce:
#468fd3
#5a9bd8
#6fa8dd
#83b4e2
#98c1e7
#adcdeb
#c1daf0
#d6e6f5
#eaf3fa
#ffffff
Complementary palette of #3182ce:
#3182ce
#ce7d31
Triadic palette of #3182ce:
#3182ce
#ce3182
#82ce31
Square palette of #3182ce:
#3182ce
#cb31ce
#ce7d31
#34ce31
Analogous palette of #3182ce:
#31cecb
#3182ce
#3134ce
Split-Complementary palette of #3182ce:
#3182ce
#ce3134
#cecb31
Rectangle (tetradic) palette of #3182ce:
#3182ce
#7d31ce
#ce7d31
#82ce31
Suggested color palettes for #3182ce HEX:
Color palette with color #3182ce #1:
Color palette with color #3182ce #2:
Color palette with color #3182ce #3:
Color palette with color #3182ce #4:
Color palette with color #3182ce #5:
Color #3182ce used in palettes (2)
Color Contrast
Color pairings of #3182ce with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3182ce
#3182ceContrast Ratio
4.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3182ce
#3182ceContrast Ratio
5.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3182ce color png
Visit the popular colors list for more colors