Thalassophile Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Thalassophile (#44AADD), each snapped to its nearest named color.
#44AADD
#DC465D
#DCC449
#2E85B1
#F08497
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Thalassophile | #44AADD | 68, 170, 221 | 200°, 69%, 57% | 69, 23, 0, 13 | 70.0% 0.119 234 | |
| Geranium | #DC465D | 220, 70, 93 | 351°, 68%, 57% | 0, 68, 58, 14 | 61.2% 0.186 16 | |
| Yellow Magic Orchestra | #DCC449 | 220, 196, 73 | 50°, 68%, 57% | 0, 11, 67, 14 | 81.8% 0.142 98 | |
| Blue Splash | #2E85B1 | 46, 133, 177 | 200°, 59%, 44% | 74, 25, 0, 31 | 58.5% 0.105 235 | |
| Xoxo | #F08497 | 240, 132, 151 | 349°, 78%, 73% | 0, 45, 37, 6 | 73.6% 0.133 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DC465D on #DCC449 | 2.37:1 | — |
| Aa #DCC449 on #2E85B1 | 2.36:1 | — |
| Aa #DC465D on #F08497 | 1.66:1 | — |
| Aa #2E85B1 on #F08497 | 1.66:1 | — |
| Aa #44AADD on #DC465D | 1.58:1 | — |
| Aa #44AADD on #2E85B1 | 1.57:1 | — |
CSS variables
:root {
--color-1: #44aadd; /* Thalassophile */
--color-2: #dc465d; /* Geranium */
--color-3: #dcc449; /* Yellow Magic Orchestra */
--color-4: #2e85b1; /* Blue Splash */
--color-5: #f08497; /* Xoxo */
}Other schemes from Thalassophile
- Thalassophile Complementary Color Scheme#44AADD#93CCEA#DD7744#B44F22#F0B599
- Thalassophile Analogous Color Scheme#44DD66#55DDCC#44AADD#4B57DB#7249D6
- Thalassophile Triadic Color Scheme#44AADD#CD48A9#ACD243#98D5EA#BB2288
- Thalassophile Tetradic Color Scheme#44AADD#D648D7#DD7744#58D854#98D5EA
- Thalassophile Monochromatic Color Scheme#145775#2E85B1#44AADD#88C7E9#C5E6F7
More medium blue split-complementary color schemes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Thalassophile?
In a split-complementary scheme: Geranium (#DC465D), Yellow Magic Orchestra (#DCC449), Blue Splash (#2E85B1), Xoxo (#F08497).
What is the hex code of Thalassophile?
#44AADD.