Steel Blue Tetradic Color Scheme
Five colors arranged by the tetradic rule around Steel Blue (#4682B4), each snapped to its nearest named color.
#4682B4
#BB44BB
#B27A47
#55AA44
#91B3D0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Steel Blue | #4682B4 | 70, 130, 180 | 207°, 44%, 49% | 61, 28, 0, 29 | 58.8% 0.099 246 | |
| Ultraviolet Cryner | #BB44BB | 187, 68, 187 | 300°, 47%, 50% | 0, 64, 0, 27 | 59.4% 0.205 328 | |
| Rocky Racoon | #B27A47 | 178, 122, 71 | 29°, 43%, 49% | 0, 31, 60, 30 | 62.6% 0.097 62 | |
| Sonata in Green Minor | #55AA44 | 85, 170, 68 | 110°, 43%, 47% | 50, 0, 60, 33 | 66.2% 0.162 140 | |
| Innocent Blue | #91B3D0 | 145, 179, 208 | 208°, 40%, 69% | 30, 14, 0, 18 | 75.2% 0.056 244 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BB44BB on #91B3D0 | 2.05:1 | — |
| Aa #4682B4 on #91B3D0 | 1.87:1 | — |
| Aa #B27A47 on #91B3D0 | 1.66:1 | — |
| Aa #BB44BB on #55AA44 | 1.55:1 | — |
| Aa #4682B4 on #55AA44 | 1.41:1 | — |
| Aa #55AA44 on #91B3D0 | 1.32:1 | — |
CSS variables
:root {
--color-1: #4682b4; /* Steel Blue */
--color-2: #bb44bb; /* Ultraviolet Cryner */
--color-3: #b27a47; /* Rocky Racoon */
--color-4: #55aa44; /* Sonata in Green Minor */
--color-5: #91b3d0; /* Innocent Blue */
}Other schemes from Steel Blue
- Steel Blue Complementary Color Scheme#4682B4#8AADCF#B27A47#7F5131#D0AB8C
- Steel Blue Analogous Color Scheme#41B57E#43B3AE#4682B4#4A40AD#7851A9
- Steel Blue Triadic Color Scheme#4682B4#BB4488#86BA4A#91B3D0#773355
- Steel Blue Split-complementary Color Scheme#4682B4#B4474D#B6AC4B#315B7D#C47D7C
- Steel Blue Monochromatic Color Scheme#1E3442#315B7D#4682B4#7CA7CB#B2CCE1
More medium blue tetradic color schemes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Steel Blue?
In a tetradic scheme: Ultraviolet Cryner (#BB44BB), Rocky Racoon (#B27A47), Sonata in Green Minor (#55AA44), Innocent Blue (#91B3D0).
What is the hex code of Steel Blue?
#4682B4.