Nazwany kolor · #96466A
Satsuma Imo Red
Satsuma Imo Red to #96466A: rgb(150 70 106), hsl(333 36% 43%), oklch(0.507 0.115 353.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Satsuma Imo Red color name →
#96466A
oklch(0.507 0.115 353.7)
Konwersje koloru
- HEX
- #96466a
- RGB
- rgb(150 70 106)
- HSL
- hsl(333 36% 43%)
- HWB
- hwb(333 27% 41%)
- OKLCH
- oklch(0.507 0.115 353.7)
- OKLab
- oklab(0.507 0.114 -0.013)
- CIE Lab
- lab(41.3 37.3 -4.34)
- LCH
- lch(41.3 37.55 353.4)
- CMYK
- cmyk(0% 53% 29% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A25878
- AD6A86
- B87C94
- C38EA3
- CDA0B2
- D8B3C1
- E2C6D0
- ECD9DF
- F5ECEF
Odcienie ciemniejsze
- 823C5B
- 6E324D
- 5B283F
- 491E31
- 371524
- 260D18
- 16050D
- 080204
- 010000
Tony
- 954D6C
- 93536E
- 925971
- 905F73
- 8E6575
- 8C6A77
- 897079
- 86757C
- 837B7E
Harmonie kolorów
Komplementarna +180°
- 96466A
Satsuma Imo Red
- 007761
≈ Shady Glade
Analogowa -30° +30°
- 96466A
Satsuma Imo Red
- 854C8A
≈ Voodoo Violet
- 9C4744
≈ Lumberjack
Triada +120° +240°
- 96466A
Satsuma Imo Red
- 656C00
≈ Brownish Green
- 006E98
≈ Disarm
Komplementarna rozszczepiona +150° +210°
- 96466A
Satsuma Imo Red
- 377637
≈ Cucumber Queen
- 00737C
≈ Scurf Green
Tetrada +90° +180° +270°
- 96466A
Satsuma Imo Red
- 815F00
≈ Ground Earth
- 007761
≈ Shady Glade
- 4263A7
≈ Starstruck
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.21:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.38:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--satsuma-imo-red: #96466a;
--satsuma-imo-red-rgb: 150 70 106;
--satsuma-imo-red-oklch: oklch(0.507 0.115 353.7);
}
.element {
color: var(--satsuma-imo-red);
background-color: hsl(333 36% 43%);
border-color: oklch(0.507 0.115 353.7);
}Tailwind CSS v4
@theme {
--color-satsuma-imo-red: #96466a;
--color-satsuma-imo-red-50: #ffe8f6;
--color-satsuma-imo-red-100: #ffd9e9;
--color-satsuma-imo-red-200: #fdc0d6;
--color-satsuma-imo-red-300: #e79fb9;
--color-satsuma-imo-red-400: #d381a3;
--color-satsuma-imo-red-500: #bf638c;
--color-satsuma-imo-red-600: #a25476;
--color-satsuma-imo-red-700: #82435f;
--color-satsuma-imo-red-800: #603047;
--color-satsuma-imo-red-900: #432131;
--color-satsuma-imo-red-950: #2b101d;
}SCSS
$satsuma-imo-red: #96466a;
$satsuma-imo-red-rgb: 150, 70, 106;
$satsuma-imo-red-light: mix(#fff, $satsuma-imo-red, 20%);
$satsuma-imo-red-dark: mix(#000, $satsuma-imo-red, 20%);
.element {
color: $satsuma-imo-red;
box-shadow: 0 0 0 2px rgba($satsuma-imo-red, 0.35);
}