Benannte Farbe · #70191F
Surya Red
Surya Red ist #70191F: rgb(112 25 31), hsl(356 64% 27%), oklch(0.363 0.12 22.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Surya Red color name →
#70191F
oklch(0.363 0.12 22.1)
Farbumrechnungen
- HEX
- #70191f
- RGB
- rgb(112 25 31)
- HSL
- hsl(356 64% 27%)
- HWB
- hwb(356 10% 56%)
- OKLCH
- oklch(0.363 0.12 22.1)
- OKLab
- oklab(0.363 0.112 0.045)
- CIE Lab
- lab(24.91 38.39 20.41)
- LCH
- lch(24.91 43.48 28)
- CMYK
- cmyk(0% 78% 72% 56%)
Tints · Shades · Tones
Tints
- 803233
- 8F4847
- 9E5E5C
- AD7472
- BB8B88
- C9A19F
- D7B8B6
- E5CFCE
- F2E7E6
Shades
- 601419
- 511014
- 430B0F
- 35070A
- 270406
- 1A0203
- 0E0101
- 040000
- 010000
Tones
- 732629
- 763232
- 793C3C
- 7B4745
- 7D504F
- 7E5A58
- 7F6462
- 806D6C
- 807776
Farbharmonien
Komplementär +180°
- 70191F
Surya Red
- 00474C
≈ Incubi Darkness
Analog -30° +30°
- 70191F
Surya Red
- 6A1A44
≈ Pompadour
- 632D00
≈ Count Chocula
Triadisch +120° +240°
- 70191F
Surya Red
- 064C02
≈ Malachite Green
- 18397C
≈ Surf the Web
Geteilt komplementär +150° +210°
- 70191F
Surya Red
- 004A3A
≈ Aqua Deep
- 00445E
≈ Loyal Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.36:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.84:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 11.36:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--surya-red: #70191f;
--surya-red-rgb: 112 25 31;
--surya-red-oklch: oklch(0.363 0.12 22.1);
}
.element {
color: var(--surya-red);
background-color: hsl(356 64% 27%);
border-color: oklch(0.363 0.12 22.1);
}Tailwind CSS v4
@theme {
--color-surya-red: #70191f;
--color-surya-red-50: #ffe9e4;
--color-surya-red-100: #ffd9d4;
--color-surya-red-200: #ffc1bb;
--color-surya-red-300: #ef9f99;
--color-surya-red-400: #dd807e;
--color-surya-red-500: #c96261;
--color-surya-red-600: #aa5353;
--color-surya-red-700: #894342;
--color-surya-red-800: #662f31;
--color-surya-red-900: #472021;
--color-surya-red-950: #2e0f10;
}SCSS
$surya-red: #70191f;
$surya-red-rgb: 112, 25, 31;
$surya-red-light: mix(#fff, $surya-red, 20%);
$surya-red-dark: mix(#000, $surya-red, 20%);
.element {
color: $surya-red;
box-shadow: 0 0 0 2px rgba($surya-red, 0.35);
}