Benannte Farbe · #71706E
Dugong
Dugong ist #71706E: rgb(113 112 110), hsl(40 1% 44%), oklch(0.545 0.003 84.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dugong color name →
#71706E
oklch(0.545 0.003 84.6)
Farbumrechnungen
- HEX
- #71706e
- RGB
- rgb(113 112 110)
- HSL
- hsl(40 1% 44%)
- HWB
- hwb(40 43% 56%)
- OKLCH
- oklch(0.545 0.003 84.6)
- OKLab
- oklab(0.545 0 0.003)
- CIE Lab
- lab(47.28 0.1 1.26)
- LCH
- lch(47.28 1.26 85.5)
- CMYK
- cmyk(0% 1% 3% 56%)
Tints · Shades · Tones
Tints
- 7E7D7B
- 8C8B89
- 999997
- A7A7A5
- B5B5B4
- C4C3C2
- D2D2D1
- E1E1E0
- F0F0F0
Shades
- 61605F
- 525150
- 434341
- 353533
- 272726
- 1A1A19
- 0E0E0E
- 040404
- 010101
Tones
- 727270
- 747372
- 757573
- 777675
- 787877
- 7A7A79
- 7B7B7B
- 7D7D7C
- 7E7E7E
Farbharmonien
Komplementär +180°
- 71706E
Dugong
- 6F7072
≈ Antique Tin
Analog -30° +30°
- 71706E
Dugong
- 72706E
≈ Dugong
- 70706E
≈ Dugong
Triadisch +120° +240°
- 71706E
Dugong
- 6E7171
≈ Antique Tin
- 716F71
≈ Smoked Pearl
Geteilt komplementär +150° +210°
- 71706E
Dugong
- 6E7072
≈ Antique Tin
- 707072
≈ Antique Tin
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.94:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.24:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--dugong: #71706e;
--dugong-rgb: 113 112 110;
--dugong-oklch: oklch(0.545 0.003 84.6);
}
.element {
color: var(--dugong);
background-color: hsl(40 1% 44%);
border-color: oklch(0.545 0.003 84.6);
}Tailwind CSS v4
@theme {
--color-dugong: #71706e;
--color-dugong-50: #f5f5f4;
--color-dugong-100: #e8e8e6;
--color-dugong-200: #d5d4d3;
--color-dugong-300: #b8b7b5;
--color-dugong-400: #9f9e9c;
--color-dugong-500: #878684;
--color-dugong-600: #72716f;
--color-dugong-700: #5b5b59;
--color-dugong-800: #434241;
--color-dugong-900: #2e2e2d;
--color-dugong-950: #1b1a1a;
}SCSS
$dugong: #71706e;
$dugong-rgb: 113, 112, 110;
$dugong-light: mix(#fff, $dugong, 20%);
$dugong-dark: mix(#000, $dugong, 20%);
.element {
color: $dugong;
box-shadow: 0 0 0 2px rgba($dugong, 0.35);
}