Couleur nommée · #BDC2BD
Rock Solid
Rock Solid correspond à #BDC2BD : rgb(189 194 189), hsl(120 4% 75%), oklch(0.809 0.009 145.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Rock Solid color name →
#BDC2BD
oklch(0.809 0.009 145.5)
Conversions de couleur
- HEX
- #bdc2bd
- RGB
- rgb(189 194 189)
- HSL
- hsl(120 4% 75%)
- HWB
- hwb(120 74% 24%)
- OKLCH
- oklch(0.809 0.009 145.5)
- OKLab
- oklab(0.809 -0.007 0.005)
- CIE Lab
- lab(77.92 -2.48 1.89)
- LCH
- lch(77.92 3.12 142.8)
- CMYK
- cmyk(3% 0% 3% 24%)
Teintes · Ombres · Tons
Teintes
- C3C8C3
- CACECA
- D0D4D0
- D7DAD7
- DEE0DE
- E4E6E4
- EBECEB
- F2F3F2
- F8F9F8
Ombres
- A4A8A4
- 8C8F8C
- 747774
- 5D605D
- 474947
- 333433
- 1F201F
- 0D0E0D
- 020202
Tons
- B7BBB7
- B0B4B0
- AAAEAA
- A4A7A4
- 9EA09E
- 989A98
- 929392
- 8C8D8C
- 868686
Harmonies de couleurs
Complémentaire +180°
- BDC2BD
Rock Solid
- C4BFC4
≈ Easter Rabbit
Analogue -30° +30°
- BDC2BD
Rock Solid
- C0C1BB
≈ Blithe Mood
- BBC2C0
≈ Polished Rock
Triadique +120° +240°
- BDC2BD
Rock Solid
- BEC0C6
≈ Ghost
- C6BEBD
≈ Wallis
Complémentaire divisée +150° +210°
- BDC2BD
Rock Solid
- C1BFC6
≈ Ghost
- C5BEC1
≈ Wallis
Tétradique +90° +180° +270°
- BDC2BD
Rock Solid
- BBC1C5
≈ Distant Star
- C4BFC4
≈ Easter Rabbit
- C5BFBB
≈ Natural Grey
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.80:1 · APCA Lc 34
Ag
AAASur noir
WCAG 11.61:1 · APCA Lc 69
Meilleure couleur de texte: #000000
WCAG 11.61:1 (AAA) · APCA Lc 69
Contrast pairs
Extraits de code
CSS
:root {
--rock-solid: #bdc2bd;
--rock-solid-rgb: 189 194 189;
--rock-solid-oklch: oklch(0.809 0.009 145.5);
}
.element {
color: var(--rock-solid);
background-color: hsl(120 4% 75%);
border-color: oklch(0.809 0.009 145.5);
}Tailwind CSS v4
@theme {
--color-rock-solid: #bdc2bd;
--color-rock-solid-50: #f3f6f4;
--color-rock-solid-100: #e6e9e6;
--color-rock-solid-200: #d2d5d2;
--color-rock-solid-300: #b4b9b5;
--color-rock-solid-400: #9ba09b;
--color-rock-solid-500: #838883;
--color-rock-solid-600: #6f736f;
--color-rock-solid-700: #585c58;
--color-rock-solid-800: #414340;
--color-rock-solid-900: #2c2e2c;
--color-rock-solid-950: #1a1b19;
}SCSS
$rock-solid: #bdc2bd;
$rock-solid-rgb: 189, 194, 189;
$rock-solid-light: mix(#fff, $rock-solid, 20%);
$rock-solid-dark: mix(#000, $rock-solid, 20%);
.element {
color: $rock-solid;
box-shadow: 0 0 0 2px rgba($rock-solid, 0.35);
}