Sunbathed Beach Triadic Color Scheme
Five colors arranged by the triadic rule around Sunbathed Beach (#FAD28F), each snapped to its nearest named color.
#FAD28F
#84FBCE
#CC88FF
#FFF5E7
#55FFAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sunbathed Beach | #FAD28F | 250, 210, 143 | 38°, 91%, 77% | 0, 16, 43, 2 | |
| Olo | #84FBCE | 132, 251, 206 | 157°, 94%, 75% | 47, 0, 18, 2 | |
| Crash Pink | #CC88FF | 204, 136, 255 | 274°, 100%, 77% | 20, 47, 0, 0 | |
| Soft Pillow | #FFF5E7 | 255, 245, 231 | 35°, 100%, 95% | 0, 4, 9, 0 | |
| Hanuman Green | #55FFAA | 85, 255, 170 | 150°, 100%, 67% | 67, 0, 33, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC88FF on #FFF5E7 | 2.28:1 | — |
| Aa #84FBCE on #CC88FF | 1.95:1 | — |
| Aa #CC88FF on #55FFAA | 1.91:1 | — |
| Aa #FAD28F on #CC88FF | 1.72:1 | — |
| Aa #FAD28F on #FFF5E7 | 1.33:1 | — |
| Aa #FFF5E7 on #55FFAA | 1.20:1 | — |
CSS variables
:root {
--color-1: #fad28f; /* Sunbathed Beach */
--color-2: #84fbce; /* Olo */
--color-3: #cc88ff; /* Crash Pink */
--color-4: #fff5e7; /* Soft Pillow */
--color-5: #55ffaa; /* Hanuman Green */
}Other schemes from Sunbathed Beach
- Sunbathed Beach Complementary Color Scheme#FAD28F#FFF5E7#8AB8FE#4488FF#E8EEFE
- Sunbathed Beach Analogous Color Scheme#FF91AF#F79890#FAD28F#F0F590#B1FC99
- Sunbathed Beach Split-complementary Color Scheme#FAD28F#88EEFF#9999FF#FDB147#DEF7FE
- Sunbathed Beach Tetradic Color Scheme#FAD28F#8FFF9F#8AB8FE#FF99EE#FFF5E7
- Sunbathed Beach Monochromatic Color Scheme#E99A10#FDB147#FAD28F#FCEFD6#FFF5E7
More Light Orange triadic palettes
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
Questions
What colors go with Sunbathed Beach?
In a triadic scheme: Olo (#84FBCE), Crash Pink (#CC88FF), Soft Pillow (#FFF5E7), Hanuman Green (#55FFAA).
What is the hex code of Sunbathed Beach?
#FAD28F.