Cor nomeada · #365D73
Brigade
Brigade é #365D73: rgb(54 93 115), hsl(202 36% 33%), oklch(0.459 0.057 234.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Brigade color name →
#365D73
oklch(0.459 0.057 234.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 496C80
- 5C7B8E
- 708B9B
- 839BA9
- 97ABB7
- ABBBC5
- C0CCD3
- D4DDE2
- EAEEF0
Sombras
- 2E5063
- 254354
- 1E3745
- 162A36
- 0F1F28
- 08141B
- 030A0F
- 010305
- 000001
Tons
- 3E6174
- 466476
- 4D6877
- 556B79
- 5C6F7A
- 63727B
- 6A767C
- 72797E
- 797D7F
Harmonias de cor
Complementar +180°
- 365D73
Brigade
- 714F39
≈ Seed Brown
Análoga -30° +30°
- 365D73
Brigade
- 2C6167
≈ After the Storm
- 485778
≈ Steadfast
Tríade +120° +240°
- 365D73
Brigade
- 714A59
≈ Prussian Plum
- 575C36
≈ Base Camp
Complementar dividida +150° +210°
- 365D73
Brigade
- 744B48
≈ Rohwurst
- 675531
≈ Uguisu Brown
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.07:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 2.97:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
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);
}