Benannte Farbe · #84816F
Tortuga
Tortuga ist #84816F: rgb(132 129 111), hsl(51 9% 48%), oklch(0.601 0.027 99.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tortuga color name →
#84816F
oklch(0.601 0.027 99.4)
Farbumrechnungen
- HEX
- #84816f
- RGB
- rgb(132 129 111)
- HSL
- hsl(51 9% 48%)
- HWB
- hwb(51 44% 48%)
- OKLCH
- oklch(0.601 0.027 99.4)
- OKLab
- oklab(0.601 -0.004 0.026)
- CIE Lab
- lab(53.85 -1.26 10.23)
- LCH
- lch(53.85 10.31 97)
- CMYK
- cmyk(0% 2% 16% 48%)
Tints · Shades · Tones
Tints
- 908D7C
- 9B998A
- A7A598
- B3B2A6
- C0BEB5
- CCCBC3
- D9D8D2
- E5E5E1
- F2F2F0
Shades
- 726F60
- 605E51
- 4F4E42
- 3F3E34
- 2F2E27
- 201F1A
- 12120E
- 060604
- 010101
Tones
- 848171
- 838172
- 838174
- 828176
- 828178
- 828079
- 81807B
- 81807D
- 80807E
Farbharmonien
Komplementär +180°
- 84816F
Tortuga
- 7D7F91
≈ Majestic Mount
Analog -30° +30°
- 84816F
Tortuga
- 8B7E70
≈ Restful Brown
- 7B8473
≈ Leafy Lichen
Triadisch +120° +240°
- 84816F
Tortuga
- 6F858B
≈ Blustery Sky
- 8C7B86
≈ Mediaeval Wine
Geteilt komplementär +150° +210°
- 84816F
Tortuga
- 758290
≈ Battle Blue
- 857C8D
≈ High Note
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.92:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.35:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.35:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--tortuga: #84816f;
--tortuga-rgb: 132 129 111;
--tortuga-oklch: oklch(0.601 0.027 99.4);
}
.element {
color: var(--tortuga);
background-color: hsl(51 9% 48%);
border-color: oklch(0.601 0.027 99.4);
}Tailwind CSS v4
@theme {
--color-tortuga: #84816f;
--color-tortuga-50: #f6f5ed;
--color-tortuga-100: #e9e8de;
--color-tortuga-200: #d6d5c8;
--color-tortuga-300: #bab8a9;
--color-tortuga-400: #a29f8d;
--color-tortuga-500: #8a8773;
--color-tortuga-600: #757261;
--color-tortuga-700: #5e5b4e;
--color-tortuga-800: #454338;
--color-tortuga-900: #302e26;
--color-tortuga-950: #1c1b15;
}SCSS
$tortuga: #84816f;
$tortuga-rgb: 132, 129, 111;
$tortuga-light: mix(#fff, $tortuga, 20%);
$tortuga-dark: mix(#000, $tortuga, 20%);
.element {
color: $tortuga;
box-shadow: 0 0 0 2px rgba($tortuga, 0.35);
}