Benannte Farbe · #688082
Rock Creek
Rock Creek ist #688082: rgb(104 128 130), hsl(185 11% 46%), oklch(0.582 0.028 202.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rock Creek color name →
#688082
oklch(0.582 0.028 202.7)
Farbumrechnungen
- HEX
- #688082
- RGB
- rgb(104 128 130)
- HSL
- hsl(185 11% 46%)
- HWB
- hwb(185 41% 49%)
- OKLCH
- oklch(0.582 0.028 202.7)
- OKLab
- oklab(0.582 -0.026 -0.011)
- CIE Lab
- lab(51.73 -8.63 -4.13)
- LCH
- lch(51.73 9.57 205.5)
- CMYK
- cmyk(20% 2% 0% 49%)
Tints · Shades · Tones
Tints
- 768C8E
- 85989A
- 93A4A6
- A2B1B2
- B1BEBF
- C0CACB
- D0D7D8
- DFE4E5
- EFF2F2
Shades
- 596E70
- 4B5D5F
- 3E4D4E
- 303D3E
- 242E2F
- 181F20
- 0C1212
- 040606
- 000101
Tones
- 6B8082
- 6D8082
- 708081
- 728081
- 748081
- 778081
- 798081
- 7B8080
- 7E8080
Farbharmonien
Komplementär +180°
- 688082
Rock Creek
- 8B7573
≈ Plum Haze
Analog -30° +30°
- 688082
Rock Creek
- 6B8079
≈ Sabiasagi Blue
- 6B7E89
≈ Risk-Reward
Triadisch +120° +240°
- 688082
Rock Creek
- 837685
≈ Grey Ridge
- 837A68
≈ Arrowtown
Geteilt komplementär +150° +210°
- 688082
Rock Creek
- 89747C
≈ Blooming Wisteria
- 89776C
≈ Urban Exploration
Tetradisch +90° +180° +270°
- 688082
Rock Creek
- 7B788A
≈ Brewing Storm
- 8B7573
≈ Plum Haze
- 7B7D6A
≈ Dried Chive
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.20:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.99:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--rock-creek: #688082;
--rock-creek-rgb: 104 128 130;
--rock-creek-oklch: oklch(0.582 0.028 202.7);
}
.element {
color: var(--rock-creek);
background-color: hsl(185 11% 46%);
border-color: oklch(0.582 0.028 202.7);
}Tailwind CSS v4
@theme {
--color-rock-creek: #688082;
--color-rock-creek-50: #ecf8f9;
--color-rock-creek-100: #deebec;
--color-rock-creek-200: #c7d8da;
--color-rock-creek-300: #a8bcbe;
--color-rock-creek-400: #8ca4a6;
--color-rock-creek-500: #718c8e;
--color-rock-creek-600: #607678;
--color-rock-creek-700: #4d5f60;
--color-rock-creek-800: #374546;
--color-rock-creek-900: #263031;
--color-rock-creek-950: #141c1d;
}SCSS
$rock-creek: #688082;
$rock-creek-rgb: 104, 128, 130;
$rock-creek-light: mix(#fff, $rock-creek, 20%);
$rock-creek-dark: mix(#000, $rock-creek, 20%);
.element {
color: $rock-creek;
box-shadow: 0 0 0 2px rgba($rock-creek, 0.35);
}