Embarrassed Frog Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Embarrassed Frog (#996611), each snapped to its nearest named color.
#996611
#0A8391
#221188
#563C0D
#1AC1DD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Embarrassed Frog | #996611 | 153, 102, 17 | 38°, 80%, 33% | 0, 33, 89, 40 | |
| True Teal | #0A8391 | 10, 131, 145 | 186°, 87%, 30% | 93, 10, 0, 43 | |
| Nightly Expedition | #221188 | 34, 17, 136 | 249°, 78%, 30% | 75, 88, 0, 47 | |
| Pineapple | #563C0D | 86, 60, 13 | 39°, 74%, 19% | 0, 30, 85, 66 | |
| Caribbean Blue | #1AC1DD | 26, 193, 221 | 189°, 79%, 48% | 88, 13, 0, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #221188 on #1AC1DD | 6.46:1 | AA |
| Aa #563C0D on #1AC1DD | 4.74:1 | AA |
| Aa #0A8391 on #221188 | 3.10:1 | AA large |
| Aa #996611 on #221188 | 2.84:1 | — |
| Aa #0A8391 on #563C0D | 2.28:1 | — |
| Aa #996611 on #1AC1DD | 2.28:1 | — |
CSS variables
:root {
--color-1: #996611; /* Embarrassed Frog */
--color-2: #0a8391; /* True Teal */
--color-3: #221188; /* Nightly Expedition */
--color-4: #563c0d; /* Pineapple */
--color-5: #1ac1dd; /* Caribbean Blue */
}Other schemes from Embarrassed Frog
- Embarrassed Frog Complementary Color Scheme#996611#E69C23#114499#092256#3C69E7
- Embarrassed Frog Analogous Color Scheme#990F4B#992211#996611#889911#419C03
- Embarrassed Frog Triadic Color Scheme#996611#0B9D6A#720B98#E8A320#005437
- Embarrassed Frog Tetradic Color Scheme#996611#119922#114499#881188#E8A320
- Embarrassed Frog Monochromatic Color Scheme#1C1208#563C0D#996611#D7951F#F1B457
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Embarrassed Frog?
In a split-complementary scheme: True Teal (#0A8391), Nightly Expedition (#221188), Pineapple (#563C0D), Caribbean Blue (#1AC1DD).
What is the hex code of Embarrassed Frog?
#996611.