Benannte Farbe · #475C62
Blue Tapestry
Blue Tapestry ist #475C62: rgb(71 92 98), hsl(193 16% 33%), oklch(0.46 0.027 217.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Blue Tapestry color name →
#475C62
oklch(0.46 0.027 217.1)
Farbumrechnungen
- HEX
- #475c62
- RGB
- rgb(71 92 98)
- HSL
- hsl(193 16% 33%)
- HWB
- hwb(193 28% 62%)
- OKLCH
- oklch(0.46 0.027 217.1)
- OKLab
- oklab(0.46 -0.022 -0.016)
- CIE Lab
- lab(37.51 -7.1 -6.22)
- LCH
- lch(37.51 9.44 221.2)
- CMYK
- cmyk(28% 6% 0% 62%)
Tints · Shades · Tones
Tints
- 586B70
- 697A7F
- 7A8A8E
- 8C9A9E
- 9FAAAD
- B1BABD
- C4CBCD
- D8DCDE
- EBEDEE
Shades
- 3D4F54
- 324247
- 28363A
- 1F2A2D
- 161F21
- 0D1416
- 060A0B
- 020303
- 000000
Tones
- 4D6065
- 526368
- 58676B
- 5E6A6E
- 636E71
- 697174
- 6F7577
- 74797A
- 7A7C7D
Farbharmonien
Komplementär +180°
- 475C62
Blue Tapestry
- 66534D
≈ Bargeboard Brown
Analog -30° +30°
- 475C62
Blue Tapestry
- 475D5A
≈ Silken Pine
- 4C5A67
≈ Shot Over
Triadisch +120° +240°
- 475C62
Blue Tapestry
- 62525E
≈ Sinful
- 5C5847
≈ Moosewood
Geteilt komplementär +150° +210°
- 475C62
Blue Tapestry
- 665255
≈ Ripe Fig
- 635548
≈ Stony Field
Tetradisch +90° +180° +270°
- 475C62
Blue Tapestry
- 5C5464
≈ Ripe Berry
- 66534D
≈ Bargeboard Brown
- 545B4B
≈ Windsor Moss
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.05:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.97:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.05:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--blue-tapestry: #475c62;
--blue-tapestry-rgb: 71 92 98;
--blue-tapestry-oklch: oklch(0.46 0.027 217.1);
}
.element {
color: var(--blue-tapestry);
background-color: hsl(193 16% 33%);
border-color: oklch(0.46 0.027 217.1);
}Tailwind CSS v4
@theme {
--color-blue-tapestry: #475c62;
--color-blue-tapestry-50: #edf7fa;
--color-blue-tapestry-100: #deeaee;
--color-blue-tapestry-200: #c8d7dc;
--color-blue-tapestry-300: #a9bbc1;
--color-blue-tapestry-400: #8da3a9;
--color-blue-tapestry-500: #728b92;
--color-blue-tapestry-600: #61767c;
--color-blue-tapestry-700: #4d5e63;
--color-blue-tapestry-800: #384548;
--color-blue-tapestry-900: #263032;
--color-blue-tapestry-950: #151c1e;
}SCSS
$blue-tapestry: #475c62;
$blue-tapestry-rgb: 71, 92, 98;
$blue-tapestry-light: mix(#fff, $blue-tapestry, 20%);
$blue-tapestry-dark: mix(#000, $blue-tapestry, 20%);
.element {
color: $blue-tapestry;
box-shadow: 0 0 0 2px rgba($blue-tapestry, 0.35);
}