Najbliższy nazwany kolor · #9F2120
#9F2120
Najbliższy nazwany kolor: Rustic Rouge
#9F2120 (rgb(159 33 32), hsl(0 66% 37%), oklch(0.46 0.162 26.7)) jest najbliższy nazwanemu kolorowi Rustic Rouge. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9F2120
oklch(0.46 0.162 26.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AB3D37
- B7544C
- C26A61
- CC7F77
- D6948C
- DFA9A3
- E8BFB9
- F0D4D0
- F8E9E7
Odcienie ciemniejsze
- 8A1B1A
- 751615
- 61100F
- 4D0B0A
- 3B0606
- 290303
- 180101
- 090000
- 010000
Tony
- 9E302B
- 9C3C36
- 9A463F
- 985049
- 955952
- 92615B
- 8E6965
- 8A716E
- 867977
Harmonie kolorów
Komplementarna +180°
- 9F2120
Rustic Rouge
- 00646E
≈ Peacock Tail
Analogowa -30° +30°
- 9F2120
Rustic Rouge
- 98205A
≈ Berry Curious
- 854400
≈ Chocolate Pancakes
Triada +120° +240°
- 9F2120
Rustic Rouge
- 006B22
≈ Avagddu Green
- 2F4EB1
≈ Night in Manchester
Komplementarna rozszczepiona +150° +210°
- 9F2120
Rustic Rouge
- 006757
≈ Piney Lake
- 005F88
≈ Blue Flame
Tetrada +90° +180° +270°
- 9F2120
Rustic Rouge
- 555F00
≈ Greensboro
- 00646E
≈ Peacock Tail
- 643CA6
≈ Poppy Pompadour
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.74:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.71:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.74:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}