Cerulean Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cerulean (#55AAEE), each snapped to its nearest named color.
#55AAEE
#EE5555
#EBEB57
#1199EE
#F392A0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cerulean | #55AAEE | 85, 170, 238 | 207°, 82%, 63% | 64, 29, 0, 7 | |
| Khmer Curry | #EE5555 | 238, 85, 85 | 0°, 82%, 63% | 0, 64, 64, 7 | |
| Pineapple High | #EBEB57 | 235, 235, 87 | 60°, 79%, 63% | 0, 0, 63, 8 | |
| Out of the Blue | #1199EE | 17, 153, 238 | 203°, 87%, 50% | 93, 36, 0, 7 | |
| Cherry Foam | #F392A0 | 243, 146, 160 | 351°, 80%, 76% | 0, 40, 34, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE5555 on #EBEB57 | 2.73:1 | — |
| Aa #EBEB57 on #1199EE | 2.43:1 | — |
| Aa #55AAEE on #EBEB57 | 1.98:1 | — |
| Aa #EBEB57 on #F392A0 | 1.76:1 | — |
| Aa #EE5555 on #F392A0 | 1.55:1 | — |
| Aa #1199EE on #F392A0 | 1.38:1 | — |
CSS variables
:root {
--color-1: #55aaee; /* Cerulean */
--color-2: #ee5555; /* Khmer Curry */
--color-3: #ebeb57; /* Pineapple High */
--color-4: #1199ee; /* Out of the Blue */
--color-5: #f392a0; /* Cherry Foam */
}Other schemes from Cerulean
- Cerulean Complementary Color Scheme#55AAEE#A1D5F1#EE9950#E5750F#F5D1B2
- Cerulean Analogous Color Scheme#58F898#56F7F3#55AAEE#4D5AF3#9556EB
- Cerulean Triadic Color Scheme#55AAEE#FF55AA#B2EC5D#B1DBF5#EE1188
- Cerulean Tetradic Color Scheme#55AAEE#EE55EE#EE9950#55FF55#B1DBF5
- Cerulean Monochromatic Color Scheme#165D95#1199EE#55AAEE#96CBF1#E7EFFB
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Cerulean?
In a split-complementary scheme: Khmer Curry (#EE5555), Pineapple High (#EBEB57), Out of the Blue (#1199EE), Cherry Foam (#F392A0).
What is the hex code of Cerulean?
#55AAEE.