Nazwany kolor · #C6101E
Bloodthirsty Lips
Bloodthirsty Lips to #C6101E: rgb(198 16 30), hsl(355 85% 42%), oklch(0.525 0.207 26.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Bloodthirsty Lips color name →
#C6101E
oklch(0.525 0.207 26.2)
Konwersje koloru
- HEX
- #c6101e
- RGB
- rgb(198 16 30)
- HSL
- hsl(355 85% 42%)
- HWB
- hwb(355 6% 22%)
- OKLCH
- oklch(0.525 0.207 26.2)
- OKLab
- oklab(0.525 0.186 0.091)
- CIE Lab
- lab(42.79 65.48 45.85)
- LCH
- lch(42.79 79.94 35)
- CMYK
- cmyk(0% 92% 85% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CF3A38
- D8554E
- DF6D64
- E68379
- ED988F
- F2ADA5
- F7C1BB
- FAD6D1
- FDEAE8
Odcienie ciemniejsze
- AC0C19
- 920913
- 7A060E
- 620409
- 4B0205
- 350103
- 210001
- 0E0000
- 020000
Tony
- C12B2C
- BC3B37
- B64841
- B0524B
- AA5B54
- A3645D
- 9B6B66
- 93736F
- 8A7A77
Harmonie kolorów
Komplementarna +180°
- C6101E
Bloodthirsty Lips
- 007984
≈ Mediterranean Cove
Analogowa -30° +30°
- C6101E
Bloodthirsty Lips
- BD116E
≈ Spiced Purple
- A05300
≈ Fresh Cinnamon
Triada +120° +240°
- C6101E
Bloodthirsty Lips
- 008128
≈ Azure Radiance
- 325BDF
≈ Veteran’s Day Blue
Komplementarna rozszczepiona +150° +210°
- C6101E
Bloodthirsty Lips
- 007C68
≈ Mediaeval Forest
- 0073A2
≈ Quarterdeck
Tetrada +90° +180° +270°
- C6101E
Bloodthirsty Lips
- 677200
≈ Brownish Green
- 007984
≈ Mediterranean Cove
- 7942D1
≈ Purple Rain
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.01:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.49:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--bloodthirsty-lips: #c6101e;
--bloodthirsty-lips-rgb: 198 16 30;
--bloodthirsty-lips-oklch: oklch(0.525 0.207 26.2);
}
.element {
color: var(--bloodthirsty-lips);
background-color: hsl(355 85% 42%);
border-color: oklch(0.525 0.207 26.2);
}Tailwind CSS v4
@theme {
--color-bloodthirsty-lips: #c6101e;
--color-bloodthirsty-lips-50: #ffdfd4;
--color-bloodthirsty-lips-100: #ffcec1;
--color-bloodthirsty-lips-200: #ffb1a2;
--color-bloodthirsty-lips-300: #ff897a;
--color-bloodthirsty-lips-400: #ff6159;
--color-bloodthirsty-lips-500: #f12e32;
--color-bloodthirsty-lips-600: #cb2a2c;
--color-bloodthirsty-lips-700: #a42223;
--color-bloodthirsty-lips-800: #7a161b;
--color-bloodthirsty-lips-900: #570e12;
--color-bloodthirsty-lips-950: #3a0004;
}SCSS
$bloodthirsty-lips: #c6101e;
$bloodthirsty-lips-rgb: 198, 16, 30;
$bloodthirsty-lips-light: mix(#fff, $bloodthirsty-lips, 20%);
$bloodthirsty-lips-dark: mix(#000, $bloodthirsty-lips, 20%);
.element {
color: $bloodthirsty-lips;
box-shadow: 0 0 0 2px rgba($bloodthirsty-lips, 0.35);
}