Ocean Colors

Open-water blues and teals at depth — cooler and darker than pools, calmer than tropical waters.

oceanbluedeep93 colors

Anchor: Cerulean #007BA7

hue 196° · HSL(100%, 33%) · best text on it: #FFFFFF (4.8:1)

Nearest members

All ocean colors

hsl(196, 100%, 33%) · rgb(0, 123, 167)

hsl(210, 100%, 50%) · rgb(0, 127, 255)

hsl(216, 85%, 39%) · rgb(15, 82, 186)

hsl(240, 100%, 50%) · rgb(0, 0, 255)

hsl(225, 73%, 57%) · rgb(65, 105, 225)

hsl(215, 100%, 34%) · rgb(0, 71, 171)

hsl(213, 80%, 41%) · rgb(21, 96, 189)

hsl(221, 47%, 20%) · rgb(27, 42, 74)

hsl(240, 64%, 27%) · rgb(25, 25, 112)

hsl(207, 44%, 49%) · rgb(70, 130, 180)

hsl(240, 100%, 27%) · rgb(0, 0, 139)

hsl(195, 100%, 50%) · rgb(0, 191, 255)

hsl(210, 100%, 56%) · rgb(30, 144, 255)

hsl(240, 100%, 40%) · rgb(0, 0, 205)

hsl(240, 100%, 25%) · rgb(0, 0, 128)

Windows Blue

#3778BF

hsl(211, 55%, 48%) · rgb(55, 120, 191)

hsl(228, 71%, 46%) · rgb(34, 66, 199)

Stormy Blue

#507B9C

hsl(206, 32%, 46%) · rgb(80, 123, 156)

Off Blue

#5684AE

hsl(209, 35%, 51%) · rgb(86, 132, 174)

Azul

#1D5DEC

hsl(221, 84%, 52%) · rgb(29, 93, 236)

Dusk Blue

#26538D

hsl(214, 58%, 35%) · rgb(38, 83, 141)

Nice Blue

#107AB0

hsl(200, 83%, 38%) · rgb(16, 122, 176)

Sapphire (survey)

#2138AB

hsl(230, 68%, 40%) · rgb(33, 56, 171)

Ugly Blue

#31668A

hsl(204, 48%, 37%) · rgb(49, 102, 138)

Clear Blue

#247AFD

hsl(216, 98%, 57%) · rgb(36, 122, 253)

Dark Royal Blue

#02066F

hsl(238, 96%, 22%) · rgb(2, 6, 111)

Dark Slate Blue

#214761

hsl(204, 49%, 25%) · rgb(33, 71, 97)

Flat Blue

#3C73A8

hsl(209, 47%, 45%) · rgb(60, 115, 168)

Rich Blue

#021BF9

hsl(234, 98%, 49%) · rgb(2, 27, 249)

hsl(235, 67%, 58%) · rgb(75, 87, 219)

Deep Sea Blue

#015482

hsl(201, 98%, 26%) · rgb(1, 84, 130)

Dark Blue Grey

#1F3B4D

hsl(203, 43%, 21%) · rgb(31, 59, 77)

Dodger Blue

#3E82FC

hsl(219, 97%, 62%) · rgb(62, 130, 252)

Metallic Blue

#4F738E

hsl(206, 29%, 43%) · rgb(79, 115, 142)

hsl(234, 100%, 54%) · rgb(21, 46, 255)

Darkblue (survey)

#030764

hsl(238, 94%, 20%) · rgb(3, 7, 100)

hsl(215, 29%, 15%) · rgb(27, 36, 49)

Vibrant Blue

#0339F8

hsl(227, 98%, 49%) · rgb(3, 57, 248)

Twilight

#4E518B

hsl(237, 28%, 43%) · rgb(78, 81, 139)

hsl(186, 100%, 21%) · rgb(0, 95, 106)

Royal

#0C1793

hsl(235, 85%, 31%) · rgb(12, 23, 147)

Pure Blue

#0203E2

hsl(240, 98%, 45%) · rgb(2, 3, 226)

Twilight Blue

#0A437A

hsl(209, 85%, 26%) · rgb(10, 67, 122)

Water Blue

#0E87CC

hsl(202, 87%, 43%) · rgb(14, 135, 204)

Greyblue

#77A1B5

hsl(199, 30%, 59%) · rgb(119, 161, 181)

Dark Grey Blue

#29465B

hsl(205, 38%, 26%) · rgb(41, 70, 91)

hsl(197, 43%, 43%) · rgb(63, 130, 157)

hsl(199, 99%, 29%) · rgb(1, 103, 149)

Cool Blue

#4984B8

hsl(208, 44%, 50%) · rgb(73, 132, 184)

Turquoise Blue

#06B1C4

hsl(186, 94%, 40%) · rgb(6, 177, 196)

Muted Blue

#3B719F

hsl(208, 46%, 43%) · rgb(59, 113, 159)

hsl(221, 35%, 43%) · rgb(71, 95, 148)

hsl(217, 44%, 47%) · rgb(67, 107, 173)

Dark Navy Blue

#00022E

hsl(237, 100%, 9%) · rgb(0, 2, 46)

hsl(235, 100%, 10%) · rgb(0, 4, 53)

Deep Sky Blue

#0D75F8

hsl(213, 94%, 51%) · rgb(13, 117, 248)

Bright Sky Blue

#02CCFE

hsl(192, 99%, 50%) · rgb(2, 204, 254)

hsl(208, 73%, 30%) · rgb(21, 80, 132)

Very Dark Blue

#000133

hsl(239, 100%, 10%) · rgb(0, 1, 51)

Light Navy Blue

#2E5A88

hsl(211, 49%, 36%) · rgb(46, 90, 136)

hsl(213, 92%, 20%) · rgb(4, 46, 96)

Mid Blue

#276AB3

hsl(211, 64%, 43%) · rgb(39, 106, 179)

hsl(213, 96%, 48%) · rgb(5, 110, 238)

Prussian Blue

#004577

hsl(205, 100%, 23%) · rgb(0, 69, 119)

Bluish

#2976BB

hsl(208, 64%, 45%) · rgb(41, 118, 187)

Darkish Blue

#014182

hsl(210, 98%, 26%) · rgb(1, 65, 130)

Denim Blue

#3B5B92

hsl(218, 42%, 40%) · rgb(59, 91, 146)

Teal Blue

#01889F

hsl(189, 99%, 31%) · rgb(1, 136, 159)

Lightish Blue

#3D7AFD

hsl(221, 98%, 62%) · rgb(61, 122, 253)

hsl(213, 39%, 56%) · rgb(101, 140, 187)

hsl(190, 99%, 29%) · rgb(1, 123, 146)

True Blue

#010FCC

hsl(236, 99%, 40%) · rgb(1, 15, 204)

Marine Blue

#01386A

hsl(209, 98%, 21%) · rgb(1, 56, 106)

Dusty Blue

#5A86AD

hsl(208, 34%, 52%) · rgb(90, 134, 173)

Denim (survey)

#3B638C

hsl(210, 41%, 39%) · rgb(59, 99, 140)

hsl(189, 100%, 51%) · rgb(4, 217, 255)

Cadet Blue

#4E7496

hsl(208, 32%, 45%) · rgb(78, 116, 150)

Dark Sky Blue

#448EE4

hsl(212, 75%, 58%) · rgb(68, 142, 228)

hsl(208, 36%, 45%) · rgb(73, 117, 156)

hsl(237, 96%, 33%) · rgb(3, 10, 167)

Cobalt (survey)

#1E488F

hsl(218, 65%, 34%) · rgb(30, 72, 143)

hsl(222, 100%, 51%) · rgb(6, 82, 255)

Azure (survey)

#069AF3

hsl(203, 95%, 49%) · rgb(6, 154, 243)

Cornflower Blue

#5170D7

hsl(226, 63%, 58%) · rgb(81, 112, 215)

Medium Blue

#2C6FBB

hsl(212, 62%, 45%) · rgb(44, 111, 187)

Ocean Blue (survey)

#03719C

hsl(197, 96%, 31%) · rgb(3, 113, 156)

hsl(194, 95%, 30%) · rgb(4, 116, 149)

Cerulean (survey)

#0485D1

hsl(202, 96%, 42%) · rgb(4, 133, 209)

Navy (survey)

#01153E

hsl(220, 97%, 12%) · rgb(1, 21, 62)

Bright Blue

#0165FC

hsl(216, 99%, 50%) · rgb(1, 101, 252)

Navy Blue (survey)

#001146

hsl(225, 100%, 14%) · rgb(0, 17, 70)

hsl(238, 100%, 18%) · rgb(0, 3, 91)

Blue (survey)

#0343DF

hsl(223, 97%, 44%) · rgb(3, 67, 223)

Explore more

Warm Gray Colors

Cool Gray Colors

Off White Colors

Membership thresholds are defined in src/lib/color/collections.ts and verified by unit tests. Under deuteranopia this collection shifts to #516DA6 for its anchor.