Benannte Farbe · #3C4754
Cape Storm
Cape Storm ist #3C4754: rgb(60 71 84), hsl(213 17% 28%), oklch(0.393 0.026 252.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cape Storm color name →
#3C4754
oklch(0.393 0.026 252.8)
Farbumrechnungen
- HEX
- #3c4754
- RGB
- rgb(60 71 84)
- HSL
- hsl(213 17% 28%)
- HWB
- hwb(213 24% 67%)
- OKLCH
- oklch(0.393 0.026 252.8)
- OKLab
- oklab(0.393 -0.008 -0.025)
- CIE Lab
- lab(29.56 -2.01 -9.35)
- LCH
- lch(29.56 9.56 257.8)
- CMYK
- cmyk(29% 15% 0% 67%)
Tints · Shades · Tones
Tints
- 4D5764
- 5F6874
- 717A84
- 848C95
- 989EA6
- ACB1B7
- C0C4C9
- D5D7DA
- EAEBED
Shades
- 333D48
- 2A323C
- 212831
- 191F26
- 11161B
- 0A0D11
- 040608
- 010202
- 000000
Tones
- 424C58
- 49525D
- 505861
- 565D65
- 5D636A
- 64696E
- 6B6E73
- 727477
- 797A7C
Farbharmonien
Komplementär +180°
- 3C4754
Cape Storm
- 4F4436
≈ Peppercorn Rent
Analog -30° +30°
- 3C4754
Cape Storm
- 374950
≈ Limed Spruce
- 444454
≈ Black Sapphire
Triadisch +120° +240°
- 3C4754
Cape Storm
- 534042
≈ Rich Bordeaux
- 40493B
≈ Copper Pyrite Green
Geteilt komplementär +150° +210°
- 3C4754
Cape Storm
- 53423B
≈ Spiced Hot Chocolate
- 484736
≈ Treasure Island
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.45:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.22:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.45:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--cape-storm: #3c4754;
--cape-storm-rgb: 60 71 84;
--cape-storm-oklch: oklch(0.393 0.026 252.8);
}
.element {
color: var(--cape-storm);
background-color: hsl(213 17% 28%);
border-color: oklch(0.393 0.026 252.8);
}Tailwind CSS v4
@theme {
--color-cape-storm: #3c4754;
--color-cape-storm-50: #f0f6fd;
--color-cape-storm-100: #e2e8f1;
--color-cape-storm-200: #cdd5e0;
--color-cape-storm-300: #afb8c5;
--color-cape-storm-400: #94a0ae;
--color-cape-storm-500: #7a8898;
--color-cape-storm-600: #677380;
--color-cape-storm-700: #535c67;
--color-cape-storm-800: #3c434b;
--color-cape-storm-900: #292e34;
--color-cape-storm-950: #171b20;
}SCSS
$cape-storm: #3c4754;
$cape-storm-rgb: 60, 71, 84;
$cape-storm-light: mix(#fff, $cape-storm, 20%);
$cape-storm-dark: mix(#000, $cape-storm, 20%);
.element {
color: $cape-storm;
box-shadow: 0 0 0 2px rgba($cape-storm, 0.35);
}