Dark Turquoise Complementary Color Scheme
Five colors arranged by the complementary rule around Dark Turquoise (#00CED1), each snapped to its nearest named color.
#00CED1
#33FFFF
#D40301
#850101
#FF3F34
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Dark Turquoise | #00CED1 | 0, 206, 209 | 181°, 100%, 41% | 100, 1, 0, 18 | 77.2% 0.131 197 | |
| Beaming Blue | #33FFFF | 51, 255, 255 | 180°, 100%, 60% | 80, 0, 0, 0 | 90.9% 0.148 195 | |
| Hot Fever | #D40301 | 212, 3, 1 | 1°, 99%, 42% | 0, 99, 100, 17 | 54.7% 0.223 29 | |
| Sacrifice Altar | #850101 | 133, 1, 1 | 0°, 99%, 26% | 0, 99, 99, 48 | 38.8% 0.158 29 | |
| Red Orange | #FF3F34 | 255, 63, 52 | 3°, 100%, 60% | 0, 75, 80, 0 | 65.8% 0.229 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #33FFFF on #850101 | 8.44:1 | AAA |
| Aa #00CED1 on #850101 | 5.37:1 | AA |
| Aa #33FFFF on #D40301 | 4.43:1 | AA large |
| Aa #850101 on #FF3F34 | 3.00:1 | AA large |
| Aa #00CED1 on #D40301 | 2.82:1 | — |
| Aa #33FFFF on #FF3F34 | 2.81:1 | — |
CSS variables
:root {
--color-1: #00ced1; /* Dark Turquoise */
--color-2: #33ffff; /* Beaming Blue */
--color-3: #d40301; /* Hot Fever */
--color-4: #850101; /* Sacrifice Altar */
--color-5: #ff3f34; /* Red Orange */
}Other schemes from Dark Turquoise
- Dark Turquoise Analogous Color Scheme#02CC02#00D973#00CED1#0066CC#0000CD
- Dark Turquoise Triadic Color Scheme#00CED1#CC00CC#CCCC00#33FFFF#880085
- Dark Turquoise Split-complementary Color Scheme#00CED1#CC0066#CA6B02#008384#FA1A8E
- Dark Turquoise Tetradic Color Scheme#00CED1#6600CC#D40301#66CC00#33FFFF
- Dark Turquoise Monochromatic Color Scheme#003839#008384#00CED1#16F8FF#6FFFFF
More medium teal complementary color schemes
- Aggressive Aqua Complementary Color Scheme#00FBFF#56FFFF#FF0303#B30103#FF6666
- Ambrosial Oceanside Complementary Color Scheme#47AE9C#86D2C1#AB485B#772F39#D08995
- Aphrodite Aqua Complementary Color Scheme#45E9C1#99FFDD#EC4872#D01343#F0A0B6
- Aqua Complementary Color Scheme#0FF0FE#6DEDFD#FE1C06#C40700#FF7E79
- Aquamarine Complementary Color Scheme#2EE8BB#84FBCE#EE3355#B31A38#F590A0
- Aquarius Complementary Color Scheme#2DB0CE#7ECBE2#CE4A2D#8B2E19#E58F7C
- Arctic Complementary Color Scheme#648589#8BB6B8#905D5D#63403A#BD9D95
- Arctic Water Complementary Color Scheme#00FCFC#56FFFF#FF0000#AC0000#FF6163
- Atlas Cedar Complementary Color Scheme#5CA0A7#99C5C4#A36159#784841#CAA09E
- Blue Bikini Complementary Color Scheme#00BBEE#4CD5FF#EE3300#AA2200#FF7855
- Blue Bobbin Complementary Color Scheme#52B4CA#9CD4E1#CB6D51#9D4531#E3A9A2
- Blue Martini Complementary Color Scheme#52B4D3#9AD6E5#CD6E53#AE4930#E6B4A6
Questions
What colors go with Dark Turquoise?
In a complementary scheme: Beaming Blue (#33FFFF), Hot Fever (#D40301), Sacrifice Altar (#850101), Red Orange (#FF3F34).
What is the hex code of Dark Turquoise?
#00CED1.