Benannte Farbe · #746062
Nasake
Nasake ist #746062: rgb(116 96 98), hsl(354 9% 42%), oklch(0.509 0.026 11.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Nasake color name →
#746062
oklch(0.509 0.026 11.2)
Farbumrechnungen
- HEX
- #746062
- RGB
- rgb(116 96 98)
- HSL
- hsl(354 9% 42%)
- HWB
- hwb(354 38% 55%)
- OKLCH
- oklch(0.509 0.026 11.2)
- OKLab
- oklab(0.509 0.026 0.005)
- CIE Lab
- lab(42.78 8.6 2.04)
- LCH
- lch(42.78 8.84 13.3)
- CMYK
- cmyk(0% 17% 16% 55%)
Tints · Shades · Tones
Tints
- 816F70
- 8E7E7F
- 9C8D8E
- AA9C9E
- B7ACAD
- C5BCBD
- D4CDCD
- E2DDDE
- F0EEEE
Shades
- 645254
- 544547
- 45383A
- 372C2D
- 292021
- 1B1516
- 0F0A0B
- 050303
- 010000
Tones
- 756365
- 776668
- 786A6B
- 796D6E
- 7A7071
- 7B7374
- 7D7677
- 7E7A7A
- 7F7D7D
Farbharmonien
Komplementär +180°
- 746062
Nasake
- 556B69
≈ Blue Ballet
Analog -30° +30°
- 746062
Nasake
- 71606A
≈ Smoked Mulberry
- 74615B
≈ Burnt Grape
Triadisch +120° +240°
- 746062
Nasake
- 61695A
≈ Italian Basil
- 5B6775
≈ Blue Zephyr
Geteilt komplementär +150° +210°
- 746062
Nasake
- 596B61
≈ Sage Shadow
- 566A71
≈ Distance
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.84:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.59:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.84:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--nasake: #746062;
--nasake-rgb: 116 96 98;
--nasake-oklch: oklch(0.509 0.026 11.2);
}
.element {
color: var(--nasake);
background-color: hsl(354 9% 42%);
border-color: oklch(0.509 0.026 11.2);
}Tailwind CSS v4
@theme {
--color-nasake: #746062;
--color-nasake-50: #fcf2f3;
--color-nasake-100: #f0e4e5;
--color-nasake-200: #dfd0d1;
--color-nasake-300: #c4b2b3;
--color-nasake-400: #ad989a;
--color-nasake-500: #977f82;
--color-nasake-600: #7f6c6e;
--color-nasake-700: #665658;
--color-nasake-800: #4b3f40;
--color-nasake-900: #342b2c;
--color-nasake-950: #1f1919;
}SCSS
$nasake: #746062;
$nasake-rgb: 116, 96, 98;
$nasake-light: mix(#fff, $nasake, 20%);
$nasake-dark: mix(#000, $nasake, 20%);
.element {
color: $nasake;
box-shadow: 0 0 0 2px rgba($nasake, 0.35);
}