Periwinkle color: hex codes, shades and palettes

Palettes built around periwinkle. Click any swatch to copy its hex code.

Periwinkle is #CCCCFF — pale vivid blue. Below are its shades with hex codes, the values in every common format, and periwinkle color palettes to copy.

#FF9744

#39F5E1

#C0B5FF

#E3A542

#9EDF69

#3BF289

#B7C5FF

#FF4A9F

#00C5B6

#83B2FF

#FA8CB2

#AFA035

#79B6B3

#A1BFC3

#9FC2CC

#CFE3F0

#00567E

#4D769B

#659AD2

#A7BBE7

#82E8EA

#B4C2FF

#FFA9B2

#B8C85C

#A7926F

#756446

#AD907B

#7D8EAF

#E19897

#D88E78

#16BA96

#49A4CE

#009DBE

#FF99C4

#DDB500

#64C1FF

#6C8792

#62A7C1

#9ABECB

#A1DFF3

#FFA55E

#76DB75

#55B8FF

#CD5BAF

#404C63

#2B3B69

#283042

#1D232E

#B7E8F9

#93CADA

#5EAEC3

#6F8990

#66CF85

#7CBB9A

#B4B0EC

#FFBAC4

#9CB4E5

#CBD0FF

#D1B672

#D9C576

#8FD6D9

#A2D2DA

#B4D7E4

#56778D

#899FA6

#CCE4F0

#57A7B4

#CD9393

#F88674

#653D2C

#E27B72

#6EA7CC

#6C807D

#ADC3C5

#81C8DB

#ABCCE3

#FF9C96

#673A29

#70BCAC

#1DB3EB

#AEBBD6

#797798

#D4B4F5

#DFB5E3

#DE9A5E

#00BC7A

#23B5FF

#D97CD7

#146279

#0184BB

#6CA3DC

#A5C5FF

#ABE3FA

#8FCBEA

#95AFBF

#8297A6

Periwinkle hex, RGB, HSL and OKLCH

#CCCCFF

HEX: #CCCCFF
RGB: rgb(204, 204, 255)
HSL: hsl(240, 100%, 90%)
OKLCH: oklch(86.2% 0.070 284.8)
On white: 1.54:1
On black: 13.65:1

Shades of periwinkle

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Periwinkle on white measures 1.54:1 and on black 13.65:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.40:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:blue, navy, royal blue, cobalt, transparent blue, steel blue. See every shade on the colors index.

Periwinkle color: hex codes, shades and palettes

No periwinkle palettes yet

Periwinkle hex, RGB, HSL and OKLCH

Shades of periwinkle

Contrast and readability