Baltic Amber Complementary Color Scheme
Five colors arranged by the complementary rule around Baltic Amber (#FBB782), each snapped to its nearest named color.
#FBB782
#FEE9DA
#82CAFC
#31A2F2
#E8F5FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Baltic Amber | #FBB782 | 251, 183, 130 | 26°, 94%, 75% | 0, 27, 48, 2 | |
| Guiding Star | #FEE9DA | 254, 233, 218 | 25°, 95%, 93% | 0, 8, 14, 0 | |
| Chromis Damsel Blue | #82CAFC | 130, 202, 252 | 205°, 95%, 75% | 48, 20, 0, 1 | |
| Rockman Blue | #31A2F2 | 49, 162, 242 | 205°, 88%, 57% | 80, 33, 0, 5 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #31A2F2 on #E8F5FC | 2.49:1 | — |
| Aa #FEE9DA on #31A2F2 | 2.36:1 | — |
| Aa #FBB782 on #31A2F2 | 1.61:1 | — |
| Aa #82CAFC on #E8F5FC | 1.60:1 | — |
| Aa #82CAFC on #31A2F2 | 1.56:1 | — |
| Aa #FBB782 on #E8F5FC | 1.55:1 | — |
CSS variables
:root {
--color-1: #fbb782; /* Baltic Amber */
--color-2: #fee9da; /* Guiding Star */
--color-3: #82cafc; /* Chromis Damsel Blue */
--color-4: #31a2f2; /* Rockman Blue */
--color-5: #e8f5fc; /* Kodama White */
}Other schemes from Baltic Amber
- Baltic Amber Analogous Color Scheme#FD82C3#FE828C#FBB782#FFFA86#C4FE82
- Baltic Amber Triadic Color Scheme#FBB782#80F9AD#BB88FF#FCF0E5#2AF589
- Baltic Amber Split-complementary Color Scheme#FBB782#88FFEE#8B88F8#F68F37#CAFFFB
- Baltic Amber Tetradic Color Scheme#FBB782#94FF94#82CAFC#EE88FF#FCF0E5
- Baltic Amber Monochromatic Color Scheme#DA6304#F68F37#FBB782#FEE2CC#FFF1E8
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Baltic Amber?
In a complementary scheme: Guiding Star (#FEE9DA), Chromis Damsel Blue (#82CAFC), Rockman Blue (#31A2F2), Kodama White (#E8F5FC).
What is the hex code of Baltic Amber?
#FBB782.