Rendez-Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Rendez-Blue (#ABBED0), each snapped to its nearest named color.
#ABBED0
#D4ACAD
#D3CFAB
#7C9AB5
#EBDBDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Rendez-Blue | #ABBED0 | 171, 190, 208 | 209°, 28%, 74% | 18, 9, 0, 18 | |
| Pale Persimmon | #D4ACAD | 212, 172, 173 | 359°, 32%, 75% | 0, 19, 18, 17 | |
| Crystal Palace | #D3CFAB | 211, 207, 171 | 54°, 31%, 75% | 0, 2, 19, 17 | |
| Bluesy Note | #7C9AB5 | 124, 154, 181 | 208°, 28%, 60% | 31, 15, 0, 29 | |
| Discrete Pink | #EBDBDD | 235, 219, 221 | 352°, 29%, 89% | 0, 7, 6, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7C9AB5 on #EBDBDD | 2.20:1 | — |
| Aa #D3CFAB on #7C9AB5 | 1.86:1 | — |
| Aa #ABBED0 on #7C9AB5 | 1.54:1 | — |
| Aa #D4ACAD on #EBDBDD | 1.52:1 | — |
| Aa #D4ACAD on #7C9AB5 | 1.44:1 | — |
| Aa #ABBED0 on #EBDBDD | 1.43:1 | — |
CSS variables
:root {
--color-1: #abbed0; /* Rendez-Blue */
--color-2: #d4acad; /* Pale Persimmon */
--color-3: #d3cfab; /* Crystal Palace */
--color-4: #7c9ab5; /* Bluesy Note */
--color-5: #ebdbdd; /* Discrete Pink */
}Other schemes from Rendez-Blue
- Rendez-Blue Complementary Color Scheme#ABBED0#E5EDF1#CFBEA9#B79779#F4F0EC
- Rendez-Blue Analogous Color Scheme#ACD0BB#AAD4D1#ABBED0#A8ACD0#BCACCD
- Rendez-Blue Triadic Color Scheme#ABBED0#CEAEBB#BDD0AB#EBF1F5#B77795
- Rendez-Blue Tetradic Color Scheme#ABBED0#D1ACCE#CFBEA9#ACCFA9#EBF1F5
- Rendez-Blue Monochromatic Color Scheme#4F738E#7C9AB5#ABBED0#DCE5EB#EDF2F8
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 Rendez-Blue?
In a split-complementary scheme: Pale Persimmon (#D4ACAD), Crystal Palace (#D3CFAB), Bluesy Note (#7C9AB5), Discrete Pink (#EBDBDD).
What is the hex code of Rendez-Blue?
#ABBED0.