Nazwany kolor · #705A56
Taupe Night
Taupe Night to #705A56: rgb(112 90 86), hsl(9 13% 39%), oklch(0.488 0.03 30.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Taupe Night color name →
#705A56
oklch(0.488 0.03 30.1)
Konwersje koloru
- HEX
- #705a56
- RGB
- rgb(112 90 86)
- HSL
- hsl(9 13% 39%)
- HWB
- hwb(9 34% 56%)
- OKLCH
- oklch(0.488 0.03 30.1)
- OKLab
- oklab(0.488 0.026 0.015)
- CIE Lab
- lab(40.41 8.79 5.9)
- LCH
- lch(40.41 10.59 33.9)
- CMYK
- cmyk(0% 20% 23% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7D6965
- 8B7975
- 998885
- A79896
- B5A9A7
- C4BAB8
- D2CBC9
- E1DCDB
- F0EDED
Odcienie ciemniejsze
- 604D4A
- 51413E
- 433532
- 352927
- 271E1C
- 1A1312
- 0E0908
- 040302
- 010000
Tony
- 725E5A
- 73615E
- 756562
- 776967
- 786D6B
- 7A716F
- 7B7473
- 7D7877
- 7F7C7C
Harmonie kolorów
Komplementarna +180°
- 705A56
Taupe Night
- 4D6569
≈ Sumatra Chicken
Analogowa -30° +30°
- 705A56
Taupe Night
- 6F595F
≈ Aubergine Grey
- 6D5C4F
≈ Coffee House
Triada +120° +240°
- 705A56
Taupe Night
- 546557
≈ Jungle Camouflage
- 595F71
≈ Mysterious Night
Komplementarna rozszczepiona +150° +210°
- 705A56
Taupe Night
- 4E6661
≈ Angry Ocean
- 51636F
≈ Lithic Sand
Tetrada +90° +180° +270°
- 705A56
Taupe Night
- 5D6350
≈ Oitake Green
- 4D6569
≈ Sumatra Chicken
- 625C6F
≈ Luscious Purple
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.39:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.28:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.39:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--taupe-night: #705a56;
--taupe-night-rgb: 112 90 86;
--taupe-night-oklch: oklch(0.488 0.03 30.1);
}
.element {
color: var(--taupe-night);
background-color: hsl(9 13% 39%);
border-color: oklch(0.488 0.03 30.1);
}Tailwind CSS v4
@theme {
--color-taupe-night: #705a56;
--color-taupe-night-50: #fef2f0;
--color-taupe-night-100: #f2e4e2;
--color-taupe-night-200: #e1d0cc;
--color-taupe-night-300: #c6b2ae;
--color-taupe-night-400: #af9894;
--color-taupe-night-500: #997f7b;
--color-taupe-night-600: #816c68;
--color-taupe-night-700: #685653;
--color-taupe-night-800: #4c3f3d;
--color-taupe-night-900: #352b2a;
--color-taupe-night-950: #201817;
}SCSS
$taupe-night: #705a56;
$taupe-night-rgb: 112, 90, 86;
$taupe-night-light: mix(#fff, $taupe-night, 20%);
$taupe-night-dark: mix(#000, $taupe-night, 20%);
.element {
color: $taupe-night;
box-shadow: 0 0 0 2px rgba($taupe-night, 0.35);
}