Pristine Oceanic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pristine Oceanic (#00CCBB), each snapped to its nearest named color.
#00CCBB
#CC0077
#CC5500
#008176
#FF1199
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pristine Oceanic | #00CCBB | 0, 204, 187 | 175°, 100%, 40% | 100, 0, 8, 20 | |
| Bottom of My Heart | #CC0077 | 204, 0, 119 | 325°, 100%, 40% | 0, 100, 42, 20 | |
| Burnt Orange | #CC5500 | 204, 85, 0 | 25°, 100%, 40% | 0, 58, 100, 20 | |
| Green Garlands | #008176 | 0, 129, 118 | 175°, 100%, 25% | 100, 0, 9, 49 | |
| Forgiven Sin | #FF1199 | 255, 17, 153 | 326°, 100%, 53% | 0, 93, 40, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00CCBB on #CC0077 | 2.70:1 | — |
| Aa #00CCBB on #008176 | 2.35:1 | — |
| Aa #00CCBB on #CC5500 | 2.13:1 | — |
| Aa #00CCBB on #FF1199 | 1.79:1 | — |
| Aa #CC0077 on #FF1199 | 1.51:1 | — |
| Aa #008176 on #FF1199 | 1.32:1 | — |
CSS variables
:root {
--color-1: #00ccbb; /* Pristine Oceanic */
--color-2: #cc0077; /* Bottom of My Heart */
--color-3: #cc5500; /* Burnt Orange */
--color-4: #008176; /* Green Garlands */
--color-5: #ff1199; /* Forgiven Sin */
}Other schemes from Pristine Oceanic
- Pristine Oceanic Complementary Color Scheme#00CCBB#26F7FD#CC0011#800008#FF3344
- Pristine Oceanic Analogous Color Scheme#11CC00#00CC55#00CCBB#0076CC#0011CC
- Pristine Oceanic Triadic Color Scheme#00CCBB#AA00CC#D6BE01#33FFFF#770088
- Pristine Oceanic Tetradic Color Scheme#00CCBB#510AC9#CC0011#77CC00#33FFFF
- Pristine Oceanic Monochromatic Color Scheme#003333#008176#00CCBB#11FFEE#65FFFF
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Pristine Oceanic?
In a split-complementary scheme: Bottom of My Heart (#CC0077), Burnt Orange (#CC5500), Green Garlands (#008176), Forgiven Sin (#FF1199).
What is the hex code of Pristine Oceanic?
#00CCBB.