Periwinkle Blue Color
#9B8BCE
Shades
Darker variations of each color in your palette
Base Color
#9B8BCE#9B8BCE
#7C6FA5
#5D537C
#3E3852
#1F1C29
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#9B8BCE#9B8BCE
#AFA2D8
#C3B9E2
#D7D1EB
#EBE8F5
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #9B8BCE |  |
| RGB | 155, 139, 206 | |
| HSL | 254, 41%, 68% | |
| CMYK | 25%, 33%, 0%, 19% | |
| OKLCH | oklch(0.676 0.099 295) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#9B8BCE#8C9ECF
#9B8BCE
#BD8CCF
Analogous
#9B8BCE
#BFCF8C
Complementary
#9B8BCE
#CF9C8C
#8CCF9C
Triadic
#9B8BCE
#CFBD8C
#9ECF8C
Split Complementary
#9B8BCE
#CF8C9E
#BFCF8C
#8CCFBD
Tetradic
#281E48
#46357E
#644BB4
#9281CA
#C1B7E1
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#9B8BCE#CF8C8C
#CFCF8C
#8CCF8C
#8CCFCF
#8C8CCF
#CF8CCF
Hues
Tones
Tones created by adding gray to each color
Base Color
#9B8BCE#9B8BCE
#9689BE
#9087AF
#8B849F
#858290
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#9B8BCE#AA8AC5
#B989BB
#C889B2
Warmer
#948AD5
#8D89DD
#8689E4
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#9B8BCEOn White Background
Sample Text
Contrast Ratio:3.01:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:6.98:1
WCAG Level:AA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)