Nazwany kolor · #746062
Nasake
Nasake to #746062: rgb(116 96 98), hsl(354 9% 42%), oklch(0.509 0.026 11.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Nasake color name →
#746062
oklch(0.509 0.026 11.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 816F70
- 8E7E7F
- 9C8D8E
- AA9C9E
- B7ACAD
- C5BCBD
- D4CDCD
- E2DDDE
- F0EEEE
Odcienie ciemniejsze
- 645254
- 544547
- 45383A
- 372C2D
- 292021
- 1B1516
- 0F0A0B
- 050303
- 010000
Tony
- 756365
- 776668
- 786A6B
- 796D6E
- 7A7071
- 7B7374
- 7D7677
- 7E7A7A
- 7F7D7D
Harmonie kolorów
Komplementarna +180°
- 746062
Nasake
- 556B69
≈ Blue Ballet
Analogowa -30° +30°
- 746062
Nasake
- 71606A
≈ Smoked Mulberry
- 74615B
≈ Burnt Grape
Triada +120° +240°
- 746062
Nasake
- 61695A
≈ Italian Basil
- 5B6775
≈ Blue Zephyr
Komplementarna rozszczepiona +150° +210°
- 746062
Nasake
- 596B61
≈ Sage Shadow
- 566A71
≈ Distance
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.84:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.59:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.84:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
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);
}