Nazwany kolor · #882C17
Saucisson
Saucisson to #882C17: rgb(136 44 23), hsl(11 71% 31%), oklch(0.429 0.13 34.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Saucisson color name →
#882C17
oklch(0.429 0.13 34.2)
Konwersje koloru
- HEX
- #882c17
- RGB
- rgb(136 44 23)
- HSL
- hsl(11 71% 31%)
- HWB
- hwb(11 9% 47%)
- OKLCH
- oklch(0.429 0.13 34.2)
- OKLab
- oklab(0.429 0.107 0.073)
- CIE Lab
- lab(32.56 39.13 34.91)
- LCH
- lch(32.56 52.44 41.7)
- CMYK
- cmyk(0% 68% 83% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 96422F
- A35745
- B06C5B
- BC8072
- C89588
- D4A99F
- DFBEB6
- EAD4CE
- F5E9E6
Odcienie ciemniejsze
- 752512
- 631E0E
- 52170A
- 411106
- 310A04
- 220502
- 130201
- 060100
- 010000
Tony
- 893724
- 89402F
- 89493A
- 895144
- 885A4E
- 886258
- 866962
- 85716C
- 837976
Harmonie kolorów
Komplementarna +180°
- 882C17
Saucisson
- 005A69
≈ Captive
Analogowa -30° +30°
- 882C17
Saucisson
- 862847
≈ Anemone
- 734200
≈ Dusky Brown
Triada +120° +240°
- 882C17
Saucisson
- 006033
≈ Ficus Elastica
- 3B4595
≈ Galaxy Express
Komplementarna rozszczepiona +150° +210°
- 882C17
Saucisson
- 005D54
≈ Tidal Pool
- 005485
≈ Grand Bleu
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.67:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.41:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.67:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--saucisson: #882c17;
--saucisson-rgb: 136 44 23;
--saucisson-oklch: oklch(0.429 0.13 34.2);
}
.element {
color: var(--saucisson);
background-color: hsl(11 71% 31%);
border-color: oklch(0.429 0.13 34.2);
}Tailwind CSS v4
@theme {
--color-saucisson: #882c17;
--color-saucisson-50: #ffe9dc;
--color-saucisson-100: #ffd9ca;
--color-saucisson-200: #ffc1ae;
--color-saucisson-300: #f29f89;
--color-saucisson-400: #e0806a;
--color-saucisson-500: #cd6149;
--color-saucisson-600: #ad533e;
--color-saucisson-700: #8b4231;
--color-saucisson-800: #682f24;
--color-saucisson-900: #492018;
--color-saucisson-950: #300f09;
}SCSS
$saucisson: #882c17;
$saucisson-rgb: 136, 44, 23;
$saucisson-light: mix(#fff, $saucisson, 20%);
$saucisson-dark: mix(#000, $saucisson, 20%);
.element {
color: $saucisson;
box-shadow: 0 0 0 2px rgba($saucisson, 0.35);
}