Benannte Farbe · #3E4D50
Rocky Creek
Rocky Creek ist #3E4D50: rgb(62 77 80), hsl(190 13% 28%), oklch(0.408 0.02 211.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rocky Creek color name →
#3E4D50
oklch(0.408 0.02 211.1)
Farbumrechnungen
- HEX
- #3e4d50
- RGB
- rgb(62 77 80)
- HSL
- hsl(190 13% 28%)
- HWB
- hwb(190 24% 69%)
- OKLCH
- oklch(0.408 0.02 211.1)
- OKLab
- oklab(0.408 -0.017 -0.01)
- CIE Lab
- lab(31.53 -5.57 -3.86)
- LCH
- lch(31.53 6.77 214.8)
- CMYK
- cmyk(22% 4% 0% 69%)
Tints · Shades · Tones
Tints
- 4F5D60
- 616D70
- 737E81
- 869092
- 99A1A3
- ADB3B5
- C1C6C7
- D5D9D9
- EAECEC
Shades
- 354244
- 2B3739
- 232C2E
- 1A2224
- 12181A
- 0A0F10
- 040707
- 010202
- 000000
Tones
- 445255
- 4B5759
- 515C5E
- 586163
- 5E6668
- 656B6C
- 6C7071
- 727576
- 797B7B
Farbharmonien
Komplementär +180°
- 3E4D50
Rocky Creek
- 544643
≈ Railroad Ties
Analog -30° +30°
- 3E4D50
Rocky Creek
- 3F4E4A
≈ Corduroy
- 414C54
≈ Abyssal
Triadisch +120° +240°
- 3E4D50
Rocky Creek
- 50464F
≈ Extravagance
- 4E4A3E
≈ Wet Suit
Geteilt komplementär +150° +210°
- 3E4D50
Rocky Creek
- 544649
≈ Chinotto
- 52483F
≈ Tribal Drum
Tetradisch +90° +180° +270°
- 3E4D50
Rocky Creek
- 4C4853
≈ Tol Barad Grey
- 544643
≈ Railroad Ties
- 484C40
≈ Foxhall Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.81:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.38:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.81:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--rocky-creek: #3e4d50;
--rocky-creek-rgb: 62 77 80;
--rocky-creek-oklch: oklch(0.408 0.02 211.1);
}
.element {
color: var(--rocky-creek);
background-color: hsl(190 13% 28%);
border-color: oklch(0.408 0.02 211.1);
}Tailwind CSS v4
@theme {
--color-rocky-creek: #3e4d50;
--color-rocky-creek-50: #eff7f8;
--color-rocky-creek-100: #e1eaec;
--color-rocky-creek-200: #cbd7d9;
--color-rocky-creek-300: #adbabd;
--color-rocky-creek-400: #92a2a5;
--color-rocky-creek-500: #788a8e;
--color-rocky-creek-600: #667578;
--color-rocky-creek-700: #515d60;
--color-rocky-creek-800: #3b4446;
--color-rocky-creek-900: #282f30;
--color-rocky-creek-950: #161c1d;
}SCSS
$rocky-creek: #3e4d50;
$rocky-creek-rgb: 62, 77, 80;
$rocky-creek-light: mix(#fff, $rocky-creek, 20%);
$rocky-creek-dark: mix(#000, $rocky-creek, 20%);
.element {
color: $rocky-creek;
box-shadow: 0 0 0 2px rgba($rocky-creek, 0.35);
}