Najbliższy nazwany kolor · #C13E39
#C13E39
Najbliższy nazwany kolor: Stop
#C13E39 (rgb(193 62 57), hsl(2 54% 49%), oklch(0.552 0.168 26.4)) jest najbliższy nazwanemu kolorowi Stop. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C13E39
oklch(0.552 0.168 26.4)
Konwersje koloru
- HEX
- #c13e39
- RGB
- rgb(193 62 57)
- HSL
- hsl(2 54% 49%)
- HWB
- hwb(2 22% 24%)
- OKLCH
- oklch(0.552 0.168 26.4)
- OKLab
- oklab(0.552 0.151 0.075)
- CIE Lab
- lab(46.4 52.78 33.87)
- LCH
- lch(46.4 62.71 32.7)
- CMYK
- cmyk(0% 68% 70% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CA544D
- D26960
- DA7C73
- E18F86
- E7A29A
- EDB4AD
- F3C7C1
- F7DAD6
- FBECEA
Odcienie ciemniejsze
- A73530
- 8F2B28
- 77231F
- 5F1A17
- 491210
- 340A09
- 200404
- 0E0101
- 020000
Tony
- BC4841
- B75049
- B15850
- AB5F58
- A5655F
- 9F6B65
- 98716C
- 917673
- 897B79
Harmonie kolorów
Komplementarna +180°
- C13E39
Stop
- 00818E
≈ Briny
Analogowa -30° +30°
- C13E39
Stop
- B93C75
≈ Spicy Purple
- AB5900
≈ Tijolo
Triada +120° +240°
- C13E39
Stop
- 008A2D
≈ Asian Spice
- 4469D3
≈ Han Blue
Komplementarna rozszczepiona +150° +210°
- C13E39
Stop
- 008570
≈ Summer Turquoise
- 007BAE
≈ Jacuzzi
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--stop: #c13e39;
--stop-rgb: 193 62 57;
--stop-oklch: oklch(0.552 0.168 26.4);
}
.element {
color: var(--stop);
background-color: hsl(2 54% 49%);
border-color: oklch(0.552 0.168 26.4);
}Tailwind CSS v4
@theme {
--color-stop: #c13e39;
--color-stop-50: #ffe4da;
--color-stop-100: #ffd3c8;
--color-stop-200: #ffb9ac;
--color-stop-300: #ff9486;
--color-stop-400: #f17167;
--color-stop-500: #e04c46;
--color-stop-600: #bd423c;
--color-stop-700: #98342f;
--color-stop-800: #712424;
--color-stop-900: #501818;
--color-stop-950: #350809;
}SCSS
$stop: #c13e39;
$stop-rgb: 193, 62, 57;
$stop-light: mix(#fff, $stop, 20%);
$stop-dark: mix(#000, $stop, 20%);
.element {
color: $stop;
box-shadow: 0 0 0 2px rgba($stop, 0.35);
}