Benannte Farbe · #918C86
Rocky Ridge
Rocky Ridge ist #918C86: rgb(145 140 134), hsl(33 5% 55%), oklch(0.643 0.011 72.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rocky Ridge color name →
#918C86
oklch(0.643 0.011 72.6)
Farbumrechnungen
- HEX
- #918c86
- RGB
- rgb(145 140 134)
- HSL
- hsl(33 5% 55%)
- HWB
- hwb(33 53% 43%)
- OKLCH
- oklch(0.643 0.011 72.6)
- OKLab
- oklab(0.643 0.003 0.01)
- CIE Lab
- lab(58.55 1.09 3.91)
- LCH
- lch(58.55 4.06 74.4)
- CMYK
- cmyk(0% 3% 8% 43%)
Tints · Shades · Tones
Tints
- 9B9791
- A6A29D
- B1ADA9
- BCB8B5
- C7C4C1
- D2D0CD
- DDDBD9
- E8E7E6
- F4F3F2
Shades
- 7D7974
- 6A6762
- 585551
- 464340
- 353330
- 252321
- 151413
- 070706
- 010101
Tones
- 8F8B85
- 8E8A85
- 8C8884
- 8A8784
- 888683
- 878582
- 858482
- 838281
- 828181
Farbharmonien
Komplementär +180°
- 918C86
Rocky Ridge
- 888D93
≈ Nuts and Bolts
Analog -30° +30°
- 918C86
Rocky Ridge
- 938B88
≈ Creek Bend
- 8E8D86
≈ Parador Stone
Triadisch +120° +240°
- 918C86
Rocky Ridge
- 868F8F
≈ Leadbelcher Metal
- 8F8B92
≈ Gris Morado
Geteilt komplementär +150° +210°
- 918C86
Rocky Ridge
- 868E92
≈ Oslo Grey
- 8C8C93
≈ Sleet
Tetradisch +90° +180° +270°
- 918C86
Rocky Ridge
- 878F8B
≈ Beguile
- 888D93
≈ Nuts and Bolts
- 928A8F
≈ Shining Armour
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.33:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.29:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--rocky-ridge: #918c86;
--rocky-ridge-rgb: 145 140 134;
--rocky-ridge-oklch: oklch(0.643 0.011 72.6);
}
.element {
color: var(--rocky-ridge);
background-color: hsl(33 5% 55%);
border-color: oklch(0.643 0.011 72.6);
}Tailwind CSS v4
@theme {
--color-rocky-ridge: #918c86;
--color-rocky-ridge-50: #f7f5f2;
--color-rocky-ridge-100: #eae7e4;
--color-rocky-ridge-200: #d7d4cf;
--color-rocky-ridge-300: #bbb7b1;
--color-rocky-ridge-400: #a29e98;
--color-rocky-ridge-500: #8b857f;
--color-rocky-ridge-600: #75716b;
--color-rocky-ridge-700: #5e5a56;
--color-rocky-ridge-800: #45423e;
--color-rocky-ridge-900: #302d2b;
--color-rocky-ridge-950: #1c1a18;
}SCSS
$rocky-ridge: #918c86;
$rocky-ridge-rgb: 145, 140, 134;
$rocky-ridge-light: mix(#fff, $rocky-ridge, 20%);
$rocky-ridge-dark: mix(#000, $rocky-ridge, 20%);
.element {
color: $rocky-ridge;
box-shadow: 0 0 0 2px rgba($rocky-ridge, 0.35);
}