Benannte Farbe · #D6685F
Tory Red
Tory Red ist #D6685F: rgb(214 104 95), hsl(5 59% 61%), oklch(0.646 0.14 26.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Tory Red color name →
#D6685F
oklch(0.646 0.14 26.4)
Farbumrechnungen
- HEX
- #d6685f
- RGB
- rgb(214 104 95)
- HSL
- hsl(5 59% 61%)
- HWB
- hwb(5 37% 16%)
- OKLCH
- oklch(0.646 0.14 26.4)
- OKLab
- oklab(0.646 0.126 0.062)
- CIE Lab
- lab(57.64 43.6 26.51)
- LCH
- lch(57.64 51.03 31.3)
- CMYK
- cmyk(0% 51% 56% 16%)
Tints · Shades · Tones
Tints
- DC786E
- E1877E
- E6968E
- EBA59D
- EFB4AD
- F3C3BD
- F7D2CD
- FAE1DE
- FDF0EE
Shades
- BA5952
- 9E4B44
- 843E38
- 6A302C
- 522420
- 3B1815
- 250C0A
- 100403
- 020000
Tones
- CE6C63
- C66F66
- BE726A
- B6746D
- AE7771
- A57974
- 9C7B77
- 937D7A
- 8A7F7D
Farbharmonien
Komplementär +180°
- D6685F
Tory Red
- 00A1AF
≈ Breaking Wave
Analog -30° +30°
- D6685F
Tory Red
- CF6690
≈ Preppy Rose
- CD7428
≈ Ochre Maroon
Triadisch +120° +240°
- D6685F
Tory Red
- 4CA458
≈ Spinach
- 6689E3
≈ Soft Blue
Geteilt komplementär +150° +210°
- D6685F
Tory Red
- 00A58C
≈ Brilliant Turquoise
- 0099D7
≈ Bayern Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.49:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.00:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.00:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--tory-red: #d6685f;
--tory-red-rgb: 214 104 95;
--tory-red-oklch: oklch(0.646 0.14 26.4);
}
.element {
color: var(--tory-red);
background-color: hsl(5 59% 61%);
border-color: oklch(0.646 0.14 26.4);
}Tailwind CSS v4
@theme {
--color-tory-red: #d6685f;
--color-tory-red-50: #ffe7df;
--color-tory-red-100: #ffd7ce;
--color-tory-red-200: #ffbeb2;
--color-tory-red-300: #f79b8e;
--color-tory-red-400: #e57b71;
--color-tory-red-500: #d35a52;
--color-tory-red-600: #b24d46;
--color-tory-red-700: #8f3e38;
--color-tory-red-800: #6b2c29;
--color-tory-red-900: #4b1d1c;
--color-tory-red-950: #310d0c;
}SCSS
$tory-red: #d6685f;
$tory-red-rgb: 214, 104, 95;
$tory-red-light: mix(#fff, $tory-red, 20%);
$tory-red-dark: mix(#000, $tory-red, 20%);
.element {
color: $tory-red;
box-shadow: 0 0 0 2px rgba($tory-red, 0.35);
}