Bluetiful Tetradic Color Scheme
Five colors arranged by the tetradic rule around Bluetiful (#3C69E7), each snapped to its nearest named color.
#3C69E7
#E936A7
#E5B73B
#33EE66
#8AADF7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bluetiful | #3C69E7 | 60, 105, 231 | 224°, 78%, 57% | 74, 55, 0, 9 | |
| Pink Bite | #E936A7 | 233, 54, 167 | 322°, 80%, 56% | 0, 77, 28, 9 | |
| Last Sunlight | #E5B73B | 229, 183, 59 | 44°, 77%, 56% | 0, 20, 74, 10 | |
| Acid Pops | #33EE66 | 51, 238, 102 | 136°, 85%, 57% | 79, 0, 57, 7 | |
| Kitten’s Eye | #8AADF7 | 138, 173, 247 | 221°, 87%, 75% | 44, 30, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3C69E7 on #33EE66 | 3.11:1 | AA large |
| Aa #3C69E7 on #E5B73B | 2.56:1 | — |
| Aa #E936A7 on #33EE66 | 2.44:1 | — |
| Aa #3C69E7 on #8AADF7 | 2.15:1 | — |
| Aa #E936A7 on #E5B73B | 2.01:1 | — |
| Aa #E936A7 on #8AADF7 | 1.69:1 | — |
CSS variables
:root {
--color-1: #3c69e7; /* Bluetiful */
--color-2: #e936a7; /* Pink Bite */
--color-3: #e5b73b; /* Last Sunlight */
--color-4: #33ee66; /* Acid Pops */
--color-5: #8aadf7; /* Kitten’s Eye */
}Other schemes from Bluetiful
- Bluetiful Complementary Color Scheme#3C69E7#8AADF7#E5B73B#BF961F#F5DD98
- Bluetiful Analogous Color Scheme#2EE8BB#2CB1EB#3C69E7#703BE7#BF36E0
- Bluetiful Triadic Color Scheme#3C69E7#ED3D66#6FEA3E#8AADF7#BB1144
- Bluetiful Split-complementary Color Scheme#3C69E7#EB6238#B6E12A#1651BD#EC9580
- Bluetiful Monochromatic Color Scheme#0A2F7C#1651BD#3C69E7#8F99FB#C9D1EF
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Bluetiful?
In a tetradic scheme: Pink Bite (#E936A7), Last Sunlight (#E5B73B), Acid Pops (#33EE66), Kitten’s Eye (#8AADF7).
What is the hex code of Bluetiful?
#3C69E7.