Named color · #365D73
Brigade
Brigade is #365D73: rgb(54 93 115), hsl(202 36% 33%), oklch(0.459 0.057 234.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Brigade color name →
#365D73
oklch(0.459 0.057 234.6)
Color conversions
- HEX
- #365d73
- RGB
- rgb(54 93 115)
- HSL
- hsl(202 36% 33%)
- HWB
- hwb(202 21% 55%)
- OKLCH
- oklch(0.459 0.057 234.6)
- OKLab
- oklab(0.459 -0.033 -0.046)
- CIE Lab
- lab(37.31 -9.23 -17.08)
- LCH
- lch(37.31 19.42 241.6)
- CMYK
- cmyk(53% 19% 0% 55%)
Tints · Shades · Tones
Tints
- 496C80
- 5C7B8E
- 708B9B
- 839BA9
- 97ABB7
- ABBBC5
- C0CCD3
- D4DDE2
- EAEEF0
Shades
- 2E5063
- 254354
- 1E3745
- 162A36
- 0F1F28
- 08141B
- 030A0F
- 010305
- 000001
Tones
- 3E6174
- 466476
- 4D6877
- 556B79
- 5C6F7A
- 63727B
- 6A767C
- 72797E
- 797D7F
Color harmonies
Complementary +180°
- 365D73
Brigade
- 714F39
≈ Seed Brown
Analogous -30° +30°
- 365D73
Brigade
- 2C6167
≈ After the Storm
- 485778
≈ Steadfast
Triadic +120° +240°
- 365D73
Brigade
- 714A59
≈ Prussian Plum
- 575C36
≈ Base Camp
Split-complementary +150° +210°
- 365D73
Brigade
- 744B48
≈ Rohwurst
- 675531
≈ Uguisu Brown
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 7.07:1 · APCA Lc 84
Ag
FailOn black
WCAG 2.97:1 · APCA Lc 18
Best text color: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--brigade: #365d73;
--brigade-rgb: 54 93 115;
--brigade-oklch: oklch(0.459 0.057 234.6);
}
.element {
color: var(--brigade);
background-color: hsl(202 36% 33%);
border-color: oklch(0.459 0.057 234.6);
}Tailwind CSS v4
@theme {
--color-brigade: #365d73;
--color-brigade-50: #e7f8ff;
--color-brigade-100: #d7ebf9;
--color-brigade-200: #bed9ea;
--color-brigade-300: #9dbcd1;
--color-brigade-400: #7ea4bc;
--color-brigade-500: #608da7;
--color-brigade-600: #52778d;
--color-brigade-700: #415f71;
--color-brigade-800: #2e4653;
--color-brigade-900: #1f303a;
--color-brigade-950: #0f1d24;
}SCSS
$brigade: #365d73;
$brigade-rgb: 54, 93, 115;
$brigade-light: mix(#fff, $brigade, 20%);
$brigade-dark: mix(#000, $brigade, 20%);
.element {
color: $brigade;
box-shadow: 0 0 0 2px rgba($brigade, 0.35);
}