Benannte Farbe · #857373
Roaming Pony
Roaming Pony ist #857373: rgb(133 115 115), hsl(0 7% 49%), oklch(0.572 0.023 17.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Roaming Pony color name →
#857373
oklch(0.572 0.023 17.8)
Farbumrechnungen
- HEX
- #857373
- RGB
- rgb(133 115 115)
- HSL
- hsl(0 7% 49%)
- HWB
- hwb(0 45% 48%)
- OKLCH
- oklch(0.572 0.023 17.8)
- OKLab
- oklab(0.572 0.021 0.007)
- CIE Lab
- lab(50.15 7.24 2.72)
- LCH
- lch(50.15 7.74 20.6)
- CMYK
- cmyk(0% 14% 14% 48%)
Tints · Shades · Tones
Tints
- 918080
- 9C8D8D
- A89B9B
- B4A9A9
- C0B7B6
- CDC5C5
- D9D3D3
- E6E1E1
- F2F0F0
Shades
- 736363
- 615454
- 504545
- 403636
- 302828
- 211B1B
- 130F0F
- 060505
- 010101
Tones
- 857474
- 847676
- 847777
- 837878
- 837A79
- 827B7B
- 827C7C
- 817D7D
- 817F7F
Farbharmonien
Komplementär +180°
- 857373
Roaming Pony
- 697C7D
≈ Polar Pond
Analog -30° +30°
- 857373
Roaming Pony
- 83737A
≈ Simple Plum
- 84746D
≈ Clayton
Triadisch +120° +240°
- 857373
Roaming Pony
- 727B6F
≈ Boxwood
- 707986
≈ Ice Blue Grey
Geteilt komplementär +150° +210°
- 857373
Roaming Pony
- 6C7D75
≈ Island Palm
- 6B7B83
≈ Astronomicon Grey
Tetradisch +90° +180° +270°
- 857373
Roaming Pony
- 79796A
≈ Crooked River
- 697C7D
≈ Polar Pond
- 777685
≈ Brewing Storm
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.47:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.69:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.69:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--roaming-pony: #857373;
--roaming-pony-rgb: 133 115 115;
--roaming-pony-oklch: oklch(0.572 0.023 17.8);
}
.element {
color: var(--roaming-pony);
background-color: hsl(0 7% 49%);
border-color: oklch(0.572 0.023 17.8);
}Tailwind CSS v4
@theme {
--color-roaming-pony: #857373;
--color-roaming-pony-50: #fcf3f2;
--color-roaming-pony-100: #efe5e5;
--color-roaming-pony-200: #ded1d0;
--color-roaming-pony-300: #c3b3b3;
--color-roaming-pony-400: #ab9999;
--color-roaming-pony-500: #958080;
--color-roaming-pony-600: #7e6d6d;
--color-roaming-pony-700: #655757;
--color-roaming-pony-800: #4a3f40;
--color-roaming-pony-900: #332c2c;
--color-roaming-pony-950: #1f1919;
}SCSS
$roaming-pony: #857373;
$roaming-pony-rgb: 133, 115, 115;
$roaming-pony-light: mix(#fff, $roaming-pony, 20%);
$roaming-pony-dark: mix(#000, $roaming-pony, 20%);
.element {
color: $roaming-pony;
box-shadow: 0 0 0 2px rgba($roaming-pony, 0.35);
}