James Blonde Complementary Color Scheme
Five colors arranged by the complementary rule around James Blonde (#F2E3B5), each snapped to its nearest named color.
#F2E3B5
#FAF7E9
#B7C0EA
#6495ED
#E7EFFB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| James Blonde | #F2E3B5 | 242, 227, 181 | 45°, 70%, 83% | 0, 6, 25, 5 | |
| Touch of Sun | #FAF7E9 | 250, 247, 233 | 49°, 63%, 95% | 0, 1, 7, 2 | |
| Larkspur Bud | #B7C0EA | 183, 192, 234 | 229°, 55%, 82% | 22, 18, 0, 8 | |
| Guilliman Blue | #6495ED | 100, 149, 237 | 219°, 79%, 66% | 58, 37, 0, 7 | |
| Cotton Boll | #E7EFFB | 231, 239, 251 | 216°, 71%, 95% | 8, 5, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FAF7E9 on #6495ED | 2.77:1 | — |
| Aa #6495ED on #E7EFFB | 2.57:1 | — |
| Aa #F2E3B5 on #6495ED | 2.33:1 | — |
| Aa #FAF7E9 on #B7C0EA | 1.66:1 | — |
| Aa #B7C0EA on #6495ED | 1.66:1 | — |
| Aa #B7C0EA on #E7EFFB | 1.54:1 | — |
CSS variables
:root {
--color-1: #f2e3b5; /* James Blonde */
--color-2: #faf7e9; /* Touch of Sun */
--color-3: #b7c0ea; /* Larkspur Bud */
--color-4: #6495ed; /* Guilliman Blue */
--color-5: #e7effb; /* Cotton Boll */
}Other schemes from James Blonde
- James Blonde Analogous Color Scheme#F3B3C5#EFC5B5#F2E3B5#E3EFB2#C2ECBC
- James Blonde Triadic Color Scheme#F2E3B5#B0EEE2#E9AEF2#FAF7E9#7EF4CC
- James Blonde Split-complementary Color Scheme#F2E3B5#B8E4F5#C2B2F0#E2CA73#E8F7FD
- James Blonde Tetradic Color Scheme#F2E3B5#B8EBC5#B7C0EA#F1BFE2#FAF7E9
- James Blonde Monochromatic Color Scheme#DBB532#E2CA73#F2E3B5#FAF7E9#FAF7E9
More Very Light Yellow complementary palettes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with James Blonde?
In a complementary scheme: Touch of Sun (#FAF7E9), Larkspur Bud (#B7C0EA), Guilliman Blue (#6495ED), Cotton Boll (#E7EFFB).
What is the hex code of James Blonde?
#F2E3B5.