Benannte Farbe · #443735
Rockweed
Rockweed ist #443735: rgb(68 55 53), hsl(8 12% 24%), oklch(0.35 0.019 28.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rockweed color name →
#443735
oklch(0.35 0.019 28.3)
Farbumrechnungen
- HEX
- #443735
- RGB
- rgb(68 55 53)
- HSL
- hsl(8 12% 24%)
- HWB
- hwb(8 21% 73%)
- OKLCH
- oklch(0.35 0.019 28.3)
- OKLab
- oklab(0.35 0.017 0.009)
- CIE Lab
- lab(24.45 5.67 3.53)
- LCH
- lch(24.45 6.68 31.9)
- CMYK
- cmyk(0% 19% 22% 73%)
Tints · Shades · Tones
Tints
- 554847
- 665B59
- 786D6C
- 8A817F
- 9D9593
- AFA9A8
- C3BEBD
- D7D3D3
- EBE9E9
Shades
- 3A2E2D
- 302625
- 261E1D
- 1D1615
- 140F0E
- 0C0808
- 050303
- 020101
- 000000
Tones
- 4A3E3C
- 504543
- 564C4A
- 5B5352
- 615A59
- 676261
- 6E6968
- 747170
- 7A7878
Farbharmonien
Komplementär +180°
- 443735
Rockweed
- 2F3D40
≈ Edge of the Galaxy
Analog -30° +30°
- 443735
Rockweed
- 43373A
≈ Void Wellness Coach
- 423831
≈ Tobago
Triadisch +120° +240°
- 443735
Rockweed
- 343D35
≈ Sound of Silence
- 363A45
≈ Do Not Disturb
Geteilt komplementär +150° +210°
- 443735
Rockweed
- 303E3B
≈ Darkest Spruce
- 323C43
≈ Do Not Disturb
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.39:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.84:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.39:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--rockweed: #443735;
--rockweed-rgb: 68 55 53;
--rockweed-oklch: oklch(0.35 0.019 28.3);
}
.element {
color: var(--rockweed);
background-color: hsl(8 12% 24%);
border-color: oklch(0.35 0.019 28.3);
}Tailwind CSS v4
@theme {
--color-rockweed: #443735;
--color-rockweed-50: #faf3f2;
--color-rockweed-100: #eee6e4;
--color-rockweed-200: #dcd1cf;
--color-rockweed-300: #c1b4b2;
--color-rockweed-400: #a99a98;
--color-rockweed-500: #92827f;
--color-rockweed-600: #7c6e6c;
--color-rockweed-700: #635856;
--color-rockweed-800: #49403f;
--color-rockweed-900: #322c2b;
--color-rockweed-950: #1e1919;
}SCSS
$rockweed: #443735;
$rockweed-rgb: 68, 55, 53;
$rockweed-light: mix(#fff, $rockweed, 20%);
$rockweed-dark: mix(#000, $rockweed, 20%);
.element {
color: $rockweed;
box-shadow: 0 0 0 2px rgba($rockweed, 0.35);
}