Created at 11/27/2023 23:19
#1f83bd HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #1f83bd | RGB(31, 131, 189) |
RGB values are RGB(31, 131, 189)
#1f83bd color contain Red 12.16%, Green 51.37% and Blue 74.12%.
oklch(58.30% 0.124 240.54)
#1f83bd color contain Red 12.16%, Green 51.37% and Blue 74.12%.
oklch(58.30% 0.124 240.54)
Classification of #1f83bd color
#1f83bd is Light and Cool Color Saturation 72%, lightness 43%.
Tint of steelblue
Alternative colors of #1f83bd
Opposite Color for #1f83bd is #bd591f
#1f83bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #1f83bd
Decimal
2065341
HEX
#1f83bd
HSL
hsl(202, 72%, 43%)
HSLA
hsla(202, 72%, 43%, 1)
RGB
RGB(31, 131, 189)
RGBA
RGBA(31, 131, 189, 1)
Palettes for #1f83bd color:
Below examples of color palettes for #1f83bd HEX color
darkest color is #030d13 from shades and lightest color is #e9f3f8 from tints
Shades palette of #1f83bd:
#1c76aa
#196997
#165c84
#134f71
#10425f
#0c344c
#092739
#061a26
#030d13
#000000
Tints palette of #1f83bd:
#358fc4
#4c9cca
#62a8d1
#79b5d7
#8fc1de
#a5cde5
#bcdaeb
#d2e6f2
#e9f3f8
#ffffff
Complementary palette of #1f83bd:
#1f83bd
#bd591f
Triadic palette of #1f83bd:
#1f83bd
#bd1f83
#83bd1f
Square palette of #1f83bd:
#1f83bd
#a81fbd
#34bd1f
#bd591f
Analogous palette of #1f83bd:
#1fbda8
#1f83bd
Split-Complementary palette of #1f83bd:
#1f83bd
#1fbda8
Rectangle (tetradic) palette of #1f83bd:
#1f83bd
#a81fbd
#34bd1f
#bd1f34
Suggested colors palettes for #1f83bd HEX:
Colors palette with color #1f83bd #1:
Colors palette with color #1f83bd #2:
Colors palette with color #1f83bd #3:
Colors palette with color #1f83bd #4:
Colors palette with color #1f83bd #5:
Color Contrast
Color pairings #1f83bd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#1f83bd
#1f83bd Contrast Ratio
4.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#1f83bd
#1f83bd Contrast Ratio
5.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #1f83bd color png
Visit the popular colors list for more colors