Benannte Farbe · #776255
Traditional
Traditional ist #776255: rgb(119 98 85), hsl(23 17% 40%), oklch(0.513 0.034 53.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Traditional color name →
#776255
oklch(0.513 0.034 53.5)
Farbumrechnungen
- HEX
- #776255
- RGB
- rgb(119 98 85)
- HSL
- hsl(23 17% 40%)
- HWB
- hwb(23 33% 53%)
- OKLCH
- oklch(0.513 0.034 53.5)
- OKLab
- oklab(0.513 0.02 0.027)
- CIE Lab
- lab(43.38 7.16 10.76)
- LCH
- lch(43.38 12.93 56.4)
- CMYK
- cmyk(0% 18% 29% 53%)
Tints · Shades · Tones
Tints
- 847065
- 917F74
- 9E8E85
- AC9E95
- B9ADA6
- C7BDB7
- D5CDC9
- E3DEDB
- F1EEED
Shades
- 675449
- 57473D
- 473A31
- 382D26
- 2A211C
- 1C1611
- 100B08
- 050302
- 010000
Tones
- 786559
- 79685E
- 7A6B62
- 7B6E66
- 7C716A
- 7D746F
- 7E7773
- 7E7A77
- 7F7D7C
Farbharmonien
Komplementär +180°
- 776255
Traditional
- 546B78
≈ Morro Bay
Analog -30° +30°
- 776255
Traditional
- 79605E
≈ Raisin in the Sun
- 706651
≈ Adventurer
Triadisch +120° +240°
- 776255
Traditional
- 536E65
≈ Chelsea Garden
- 676479
≈ Eggplant Ash
Geteilt komplementär +150° +210°
- 776255
Traditional
- 506D70
≈ Sequoia Lake
- 5D677B
≈ Blue Zephyr
Tetradisch +90° +180° +270°
- 776255
Traditional
- 5C6C5B
≈ Terrarium
- 546B78
≈ Morro Bay
- 716172
≈ Purple Kasbah
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.73:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.66:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--traditional: #776255;
--traditional-rgb: 119 98 85;
--traditional-oklch: oklch(0.513 0.034 53.5);
}
.element {
color: var(--traditional);
background-color: hsl(23 17% 40%);
border-color: oklch(0.513 0.034 53.5);
}Tailwind CSS v4
@theme {
--color-traditional: #776255;
--color-traditional-50: #fdf3ec;
--color-traditional-100: #f1e5dd;
--color-traditional-200: #e0d1c7;
--color-traditional-300: #c6b3a7;
--color-traditional-400: #af998c;
--color-traditional-500: #998172;
--color-traditional-600: #816d60;
--color-traditional-700: #67574d;
--color-traditional-800: #4c3f38;
--color-traditional-900: #352c26;
--color-traditional-950: #201915;
}SCSS
$traditional: #776255;
$traditional-rgb: 119, 98, 85;
$traditional-light: mix(#fff, $traditional, 20%);
$traditional-dark: mix(#000, $traditional, 20%);
.element {
color: $traditional;
box-shadow: 0 0 0 2px rgba($traditional, 0.35);
}