Nächste benannte Farbe · #9F2120
#9F2120
Nächste benannte Farbe: Rustic Rouge
#9F2120 (rgb(159 33 32), hsl(0 66% 37%), oklch(0.46 0.162 26.7)) liegt am nächsten an der benannten Farbe Rustic Rouge. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#9F2120
oklch(0.46 0.162 26.7)
Farbumrechnungen
- HEX
- #9f2120
- RGB
- rgb(159 33 32)
- HSL
- hsl(0 66% 37%)
- HWB
- hwb(0 13% 38%)
- OKLCH
- oklch(0.46 0.162 26.7)
- OKLab
- oklab(0.46 0.145 0.073)
- CIE Lab
- lab(35.78 51.07 34.85)
- LCH
- lch(35.78 61.83 34.3)
- CMYK
- cmyk(0% 79% 80% 38%)
Tints · Shades · Tones
Tints
- AB3D37
- B7544C
- C26A61
- CC7F77
- D6948C
- DFA9A3
- E8BFB9
- F0D4D0
- F8E9E7
Shades
- 8A1B1A
- 751615
- 61100F
- 4D0B0A
- 3B0606
- 290303
- 180101
- 090000
- 010000
Tones
- 9E302B
- 9C3C36
- 9A463F
- 985049
- 955952
- 92615B
- 8E6965
- 8A716E
- 867977
Farbharmonien
Komplementär +180°
- 9F2120
Rustic Rouge
- 00646E
≈ Peacock Tail
Analog -30° +30°
- 9F2120
Rustic Rouge
- 98205A
≈ Berry Curious
- 854400
≈ Chocolate Pancakes
Triadisch +120° +240°
- 9F2120
Rustic Rouge
- 006B22
≈ Avagddu Green
- 2F4EB1
≈ Night in Manchester
Geteilt komplementär +150° +210°
- 9F2120
Rustic Rouge
- 006757
≈ Piney Lake
- 005F88
≈ Blue Flame
Tetradisch +90° +180° +270°
- 9F2120
Rustic Rouge
- 555F00
≈ Greensboro
- 00646E
≈ Peacock Tail
- 643CA6
≈ Poppy Pompadour
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.74:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.71:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.74:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--rustic-rouge: #9f2120;
--rustic-rouge-rgb: 159 33 32;
--rustic-rouge-oklch: oklch(0.46 0.162 26.7);
}
.element {
color: var(--rustic-rouge);
background-color: hsl(0 66% 37%);
border-color: oklch(0.46 0.162 26.7);
}Tailwind CSS v4
@theme {
--color-rustic-rouge: #9f2120;
--color-rustic-rouge-50: #ffe5db;
--color-rustic-rouge-100: #ffd4c9;
--color-rustic-rouge-200: #ffbaad;
--color-rustic-rouge-300: #ff9687;
--color-rustic-rouge-400: #ef7469;
--color-rustic-rouge-500: #dd4f48;
--color-rustic-rouge-600: #bb443d;
--color-rustic-rouge-700: #963731;
--color-rustic-rouge-800: #702624;
--color-rustic-rouge-900: #4f1a18;
--color-rustic-rouge-950: #340909;
}SCSS
$rustic-rouge: #9f2120;
$rustic-rouge-rgb: 159, 33, 32;
$rustic-rouge-light: mix(#fff, $rustic-rouge, 20%);
$rustic-rouge-dark: mix(#000, $rustic-rouge, 20%);
.element {
color: $rustic-rouge;
box-shadow: 0 0 0 2px rgba($rustic-rouge, 0.35);
}