Named color · #47526E
East Bay
East Bay is #47526E: rgb(71 82 110), hsl(223 22% 35%), oklch(0.441 0.048 267.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · East Bay color name →
#47526E
oklch(0.441 0.048 267.8)
Color conversions
- HEX
- #47526e
- RGB
- rgb(71 82 110)
- HSL
- hsl(223 22% 35%)
- HWB
- hwb(223 28% 57%)
- OKLCH
- oklch(0.441 0.048 267.8)
- OKLab
- oklab(0.441 -0.002 -0.048)
- CIE Lab
- lab(34.79 1.19 -17.72)
- LCH
- lch(34.79 17.76 273.8)
- CMYK
- cmyk(35% 25% 0% 57%)
Tints · Shades · Tones
Tints
- 57627C
- 68728A
- 7A8298
- 8C93A6
- 9EA5B4
- B1B6C3
- C4C8D2
- D7DAE1
- EBECF0
Shades
- 3D465F
- 323B50
- 282F41
- 1F2533
- 161A26
- 0D1119
- 06080E
- 020204
- 000001
Tones
- 4C5770
- 525B72
- 586074
- 5D6476
- 636977
- 696D79
- 6E727B
- 74777D
- 7A7B7E
Color harmonies
Complementary +180°
- 47526E
East Bay
- 5E5133
≈ West Coast
Analogous -30° +30°
- 47526E
East Bay
- 38576B
≈ Summer Night
- 564D6A
≈ Crowning
Triadic +120° +240°
- 47526E
East Bay
- 6B4944
≈ Mayan Red
- 405A43
≈ Royal Hunter Green
Split-complementary +150° +210°
- 47526E
East Bay
- 674C38
≈ Black Power
- 505737
≈ Dark Rainforest
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 7.77:1 · APCA Lc 87
Ag
FailOn black
WCAG 2.69:1 · APCA Lc 15
Best text color: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--east-bay: #47526e;
--east-bay-rgb: 71 82 110;
--east-bay-oklch: oklch(0.441 0.048 267.8);
}
.element {
color: var(--east-bay);
background-color: hsl(223 22% 35%);
border-color: oklch(0.441 0.048 267.8);
}Tailwind CSS v4
@theme {
--color-east-bay: #47526e;
--color-east-bay-50: #eff5ff;
--color-east-bay-100: #e1e8f9;
--color-east-bay-200: #ccd4ea;
--color-east-bay-300: #adb7d1;
--color-east-bay-400: #929ebc;
--color-east-bay-500: #7886a7;
--color-east-bay-600: #66718d;
--color-east-bay-700: #515a71;
--color-east-bay-800: #3a4254;
--color-east-bay-900: #282e3a;
--color-east-bay-950: #161a24;
}SCSS
$east-bay: #47526e;
$east-bay-rgb: 71, 82, 110;
$east-bay-light: mix(#fff, $east-bay, 20%);
$east-bay-dark: mix(#000, $east-bay, 20%);
.element {
color: $east-bay;
box-shadow: 0 0 0 2px rgba($east-bay, 0.35);
}