Cor nomeada · #443735
Rockweed
Rockweed é #443735: rgb(68 55 53), hsl(8 12% 24%), oklch(0.35 0.019 28.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rockweed color name →
#443735
oklch(0.35 0.019 28.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 554847
- 665B59
- 786D6C
- 8A817F
- 9D9593
- AFA9A8
- C3BEBD
- D7D3D3
- EBE9E9
Sombras
- 3A2E2D
- 302625
- 261E1D
- 1D1615
- 140F0E
- 0C0808
- 050303
- 020101
- 000000
Tons
- 4A3E3C
- 504543
- 564C4A
- 5B5352
- 615A59
- 676261
- 6E6968
- 747170
- 7A7878
Harmonias de cor
Complementar +180°
- 443735
Rockweed
- 2F3D40
≈ Edge of the Galaxy
Análoga -30° +30°
- 443735
Rockweed
- 43373A
≈ Void Wellness Coach
- 423831
≈ Tobago
Tríade +120° +240°
- 443735
Rockweed
- 343D35
≈ Sound of Silence
- 363A45
≈ Do Not Disturb
Complementar dividida +150° +210°
- 443735
Rockweed
- 303E3B
≈ Darkest Spruce
- 323C43
≈ Do Not Disturb
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.39:1 · APCA Lc 96
Ag
FailSobre preto
WCAG 1.84:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.39:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
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);
}