James Blonde Tetradic Color Scheme
Five colors arranged by the tetradic rule around James Blonde (#F2E3B5), each snapped to its nearest named color.
#F2E3B5
#B8EBC5
#B7C0EA
#F1BFE2
#FAF7E9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| James Blonde | #F2E3B5 | 242, 227, 181 | 45°, 70%, 83% | 0, 6, 25, 5 | |
| Slime Lime | #B8EBC5 | 184, 235, 197 | 135°, 56%, 82% | 22, 0, 16, 8 | |
| Larkspur Bud | #B7C0EA | 183, 192, 234 | 229°, 55%, 82% | 22, 18, 0, 8 | |
| Lavender Soap | #F1BFE2 | 241, 191, 226 | 318°, 64%, 85% | 0, 21, 6, 5 | |
| Touch of Sun | #FAF7E9 | 250, 247, 233 | 49°, 63%, 95% | 0, 1, 7, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B7C0EA on #FAF7E9 | 1.66:1 | — |
| Aa #F1BFE2 on #FAF7E9 | 1.47:1 | — |
| Aa #F2E3B5 on #B7C0EA | 1.40:1 | — |
| Aa #B8EBC5 on #B7C0EA | 1.34:1 | — |
| Aa #B8EBC5 on #FAF7E9 | 1.24:1 | — |
| Aa #F2E3B5 on #F1BFE2 | 1.24:1 | — |
CSS variables
:root {
--color-1: #f2e3b5; /* James Blonde */
--color-2: #b8ebc5; /* Slime Lime */
--color-3: #b7c0ea; /* Larkspur Bud */
--color-4: #f1bfe2; /* Lavender Soap */
--color-5: #faf7e9; /* Touch of Sun */
}Other schemes from James Blonde
- James Blonde Complementary Color Scheme#F2E3B5#FAF7E9#B7C0EA#6495ED#E7EFFB
- 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 Monochromatic Color Scheme#DBB532#E2CA73#F2E3B5#FAF7E9#FAF7E9
More Very Light Yellow tetradic palettes
- Au Clair de la Lune Tetradic Color Scheme#F4F2E2#E5F2E7#E1E6F2#F6E2EC#F9F7EC
- Banan-Appeal Tetradic Color Scheme#FAF3A6#AAFFCC#AAAAFF#FFA6D9#FFFBE8
- Banana Cream Tetradic Color Scheme#FFF49C#96FBC4#99AAFF#FF99DD#FFFCE4
- Banana Milk Tetradic Color Scheme#FFF7AD#AAFFCC#B5AFFF#FFAADD#FFFEE5
- Banana Split Tetradic Color Scheme#F7EEC8#C9F0D1#C9D1EF#FBCCE7#FBF9E8
- Blanc Cassé Tetradic Color Scheme#F1EEE2#E4F0E8#E1E6F2#EEE1EB#F7F5ED
- Blanco Tetradic Color Scheme#EBEAE5#E1EEE6#E0E3EF#EEE1EB#F6F4EF
- Bleached Sunflower Tetradic Color Scheme#FBE8A8#A0FEBF#A2BFFE#F2ABE1#FFF9E7
- Blond Tetradic Color Scheme#FAF0BE#BEF7CF#BBCFEF#FABFE4#FFF9E7
- Bollywood Gold Tetradic Color Scheme#FFFBAB#AAFFCC#AAAAFF#FFAADD#FFFEE5
- Bullet Hell Tetradic Color Scheme#FAF1C8#CCFFDD#CCD5FF#FFC8E9#FBF9E8
- Butter Honey Tetradic Color Scheme#F5E5AB#ABEDC9#B8B8F8#F2ABE1#FBF9E8
Questions
What colors go with James Blonde?
In a tetradic scheme: Slime Lime (#B8EBC5), Larkspur Bud (#B7C0EA), Lavender Soap (#F1BFE2), Touch of Sun (#FAF7E9).
What is the hex code of James Blonde?
#F2E3B5.