Bleu Ciel Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bleu Ciel (#007BA1), each snapped to its nearest named color.
#007BA1
#AA0033
#A87900
#004058
#F2013F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bleu Ciel | #007BA1 | 0, 123, 161 | 194°, 100%, 32% | 100, 24, 0, 37 | |
| Hot Lava | #AA0033 | 170, 0, 51 | 342°, 100%, 33% | 0, 100, 70, 33 | |
| Bronze | #A87900 | 168, 121, 0 | 43°, 100%, 33% | 0, 28, 100, 34 | |
| Maniac Mansion | #004058 | 0, 64, 88 | 196°, 100%, 17% | 100, 27, 0, 65 | |
| Cherry Tomato | #F2013F | 242, 1, 63 | 345°, 99%, 48% | 0, 100, 74, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A87900 on #004058 | 2.88:1 | — |
| Aa #004058 on #F2013F | 2.59:1 | — |
| Aa #007BA1 on #004058 | 2.32:1 | — |
| Aa #AA0033 on #A87900 | 1.96:1 | — |
| Aa #AA0033 on #F2013F | 1.76:1 | — |
| Aa #007BA1 on #AA0033 | 1.58:1 | — |
CSS variables
:root {
--color-1: #007ba1; /* Bleu Ciel */
--color-2: #aa0033; /* Hot Lava */
--color-3: #a87900; /* Bronze */
--color-4: #004058; /* Maniac Mansion */
--color-5: #f2013f; /* Cherry Tomato */
}Other schemes from Bleu Ciel
- Bleu Ciel Complementary Color Scheme#007BA1#0FC0FC#AA2704#551100#FF4505
- Bleu Ciel Analogous Color Scheme#00AA22#00A27D#007BA1#002FA6#3300AA
- Bleu Ciel Triadic Color Scheme#007BA1#AA0077#78A300#0FC0FC#550344
- Bleu Ciel Tetradic Color Scheme#007BA1#6611AA#AA2704#33AA00#0FC0FC
- Bleu Ciel Monochromatic Color Scheme#0E191C#004058#007BA1#00B7EB#37C4FA
More Dark Teal split-complementary palettes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
- Celestial Split-complementary Color Scheme#007894#990033#996600#003447#E40046
Questions
What colors go with Bleu Ciel?
In a split-complementary scheme: Hot Lava (#AA0033), Bronze (#A87900), Maniac Mansion (#004058), Cherry Tomato (#F2013F).
What is the hex code of Bleu Ciel?
#007BA1.