Cerulean color: hex codes, shades and palettes

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

A blue with a green cast, the colour of shallow water over sand. Sits between teal and a true blue and holds its own at large sizes.

#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

Cerulean hex, RGB, HSL and OKLCH

#1A7EA3

HEX: #1A7EA3
RGB: rgb(26, 126, 163)
HSL: hsl(196, 72%, 37%)
OKLCH: oklch(55.6% 0.102 229.1)
On white: 4.61:1
On black: 4.56:1

Shades of cerulean

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

Cerulean on white measures 4.61:1 and on black 4.56: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.14: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, periwinkle, transparent blue. See every shade on the colors index.

Cerulean color: hex codes, shades and palettes

No cerulean palettes yet

Cerulean hex, RGB, HSL and OKLCH

Shades of cerulean

Contrast and readability