#9ca3bd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #9ca3bd | RGB(156, 163, 189) |
Created at 03/03/2023 04:27
RGB values are RGB(156, 163, 189)
#9ca3bd color contains Red 61.18%, Green 63.92% and Blue 74.12%.
oklch(71.85% 0.0386 273.5)
#9ca3bd color contains Red 61.18%, Green 63.92% and Blue 74.12%.
oklch(71.85% 0.0386 273.5)
Color Names of #9ca3bd HEX code
≈ Gull Gray
Classification of #9ca3bd color
#9ca3bd is Light and Cool Color Saturation 20%, lightness 68%.
Shade of Light Steel Blue
Alternative colors of #9ca3bd
Opposite Color for #9ca3bd is #bdb69c
#9ca3bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #9ca3bd
cmyk
CMYK(17%, 14%, 0%, 26%)
Decimal
10265533
HEX
#9ca3bd
HSL
hsl(227, 20%, 68%)
HSLA
hsla(227, 20%, 68%, 1)
RGB
RGB(156, 163, 189)
RGBA
RGBA(156, 163, 189, 1)
Palettes for #9ca3bd color:
Below are examples of color palettes with the #9ca3bd HEX color
darkest color is #101013 from shades and lightest color is #f5f6f8 from tints
Shades palette of #9ca3bd:
#8c93aa
#7d8297
#6d7284
#5e6271
#4e525f
#3e414c
#2f3139
#1f2126
#101013
#000000
Tints palette of #9ca3bd:
#a6acc4
#b0b5ca
#babfd1
#c4c8d7
#ced1de
#d7dae5
#e1e3eb
#ebedf2
#f5f6f8
#ffffff
Complementary palette of #9ca3bd:
#9ca3bd
#bdb69c
Triadic palette of #9ca3bd:
#9ca3bd
#bd9ca3
#a3bd9c
Square palette of #9ca3bd:
#9ca3bd
#bd9cb4
#bdb69c
#9cbda6
Analogous palette of #9ca3bd:
#9cb4bd
#9ca3bd
#a59cbd
Split-Complementary palette of #9ca3bd:
#9ca3bd
#bda69c
#b3bd9c
Rectangle (tetradic) palette of #9ca3bd:
#9ca3bd
#b69cbd
#bdb69c
#a3bd9c
Suggested color palettes for #9ca3bd HEX:
Color palette with color #9ca3bd #1:
Color palette with color #9ca3bd #2:
Color palette with color #9ca3bd #3:
Color palette with color #9ca3bd #4:
Color palette with color #9ca3bd #5:
Color #9ca3bd used in palettes (1)
Color Contrast
Color pairings of #9ca3bd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#9ca3bd
#9ca3bdContrast Ratio
2.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#9ca3bd
#9ca3bdContrast Ratio
8.38:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #9ca3bd color png
Visit the popular colors list for more colors