Nächste benannte Farbe · #DA3753
#DA3753
Nächste benannte Farbe: Anarchist
#DA3753 (rgb(218 55 83), hsl(350 69% 54%), oklch(0.592 0.198 16.4)) liegt am nächsten an der benannten Farbe Anarchist. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#DA3753
oklch(0.592 0.198 16.4)
Farbumrechnungen
- HEX
- #da3753
- RGB
- rgb(218 55 83)
- HSL
- hsl(350 69% 54%)
- HWB
- hwb(350 22% 15%)
- OKLCH
- oklch(0.592 0.198 16.4)
- OKLab
- oklab(0.592 0.19 0.056)
- CIE Lab
- lab(50.53 63.98 24.68)
- LCH
- lch(50.53 68.57 21.1)
- CMYK
- cmyk(0% 75% 62% 15%)
Tints · Shades · Tones
Tints
- E15163
- E76774
- EC7C84
- F18F95
- F5A2A6
- F9B5B8
- FCC8C9
- FEDADB
- FFEDED
Shades
- BD2E47
- A2263B
- 871E30
- 6C1625
- 540F1B
- 3C0811
- 250308
- 110102
- 020000
Tones
- D34458
- CB4E5D
- C35761
- BB5F66
- B2656A
- A96C6F
- A07173
- 967777
- 8B7B7C
Farbharmonien
Komplementär +180°
- DA3753
Anarchist
- 009092
≈ Common Teal
Analog -30° +30°
- DA3753
Anarchist
- CB3D95
≈ Lustful Wishes
- C95600
≈ Burnt Orange
Triadisch +120° +240°
- DA3753
Anarchist
- 459400
≈ Pistachio Flour
- 117AF0
≈ Blue Darknut
Geteilt komplementär +150° +210°
- DA3753
Anarchist
- 00946E
≈ Viridian
- 008BB2
≈ Spinnaker Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.51:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.65:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--anarchist: #da3753;
--anarchist-rgb: 218 55 83;
--anarchist-oklch: oklch(0.592 0.198 16.4);
}
.element {
color: var(--anarchist);
background-color: hsl(350 69% 54%);
border-color: oklch(0.592 0.198 16.4);
}Tailwind CSS v4
@theme {
--color-anarchist: #da3753;
--color-anarchist-50: #ffdfdf;
--color-anarchist-100: #ffcece;
--color-anarchist-200: #ffb1b3;
--color-anarchist-300: #ff8990;
--color-anarchist-400: #fd6275;
--color-anarchist-500: #ec3356;
--color-anarchist-600: #c72e49;
--color-anarchist-700: #a0253a;
--color-anarchist-800: #78182c;
--color-anarchist-900: #55101e;
--color-anarchist-950: #38020e;
}SCSS
$anarchist: #da3753;
$anarchist-rgb: 218, 55, 83;
$anarchist-light: mix(#fff, $anarchist, 20%);
$anarchist-dark: mix(#000, $anarchist, 20%);
.element {
color: $anarchist;
box-shadow: 0 0 0 2px rgba($anarchist, 0.35);
}