Colore con nome · #CE1B1F
Thunder Mountain Longhorn Pepper
Thunder Mountain Longhorn Pepper è #CE1B1F: rgb(206 27 31), hsl(359 77% 46%), oklch(0.545 0.209 27.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Thunder Mountain Longhorn Pepper color name →
#CE1B1F
oklch(0.545 0.209 27.2)
Conversioni di colore
- HEX
- #ce1b1f
- RGB
- rgb(206 27 31)
- HSL
- hsl(359 77% 46%)
- HWB
- hwb(359 11% 19%)
- OKLCH
- oklch(0.545 0.209 27.2)
- OKLab
- oklab(0.545 0.186 0.096)
- CIE Lab
- lab(45.08 65.95 47.98)
- LCH
- lch(45.08 81.56 36)
- CMYK
- cmyk(0% 87% 85% 19%)
Tinte · Ombre · Toni
Tinte
- D64039
- DE5A50
- E57166
- EB867B
- F09B91
- F5AFA6
- F9C3BC
- FCD7D2
- FEEBE8
Ombre
- B31619
- 981114
- 7F0C0F
- 66080A
- 4E0506
- 380203
- 230101
- 0F0000
- 020000
Toni
- C8312D
- C24039
- BB4B43
- B5554C
- AD5E56
- A6665E
- 9D6D67
- 94746F
- 8B7A78
Armonie di colore
Complementare +180°
- CE1B1F
Thunder Mountain Longhorn Pepper
- 007F8C
≈ Metallic Seaweed
Analogo -30° +30°
- CE1B1F
Thunder Mountain Longhorn Pepper
- C51A71
≈ Crazy Ex
- A75800
≈ Windsor Brown
Triadico +120° +240°
- CE1B1F
Thunder Mountain Longhorn Pepper
- 008830
≈ Broccoli Paradise
- 3B60E7
≈ The Rainbow Fish
Complementare divisa +150° +210°
- CE1B1F
Thunder Mountain Longhorn Pepper
- 00836F
≈ Viridis
- 0079AC
≈ Sixties Blue
Tetradico +90° +180° +270°
- CE1B1F
Thunder Mountain Longhorn Pepper
- 6B7900
≈ Murky Green
- 007F8C
≈ Metallic Seaweed
- 8147D8
≈ Aconite Purple
Contrasto e accessibilità
Su bianco
WCAG 5.52:1 · APCA Lc 75
Su nero
WCAG 3.80:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.52:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--thunder-mountain-longhorn-pepper: #ce1b1f;
--thunder-mountain-longhorn-pepper-rgb: 206 27 31;
--thunder-mountain-longhorn-pepper-oklch: oklch(0.545 0.209 27.2);
}
.element {
color: var(--thunder-mountain-longhorn-pepper);
background-color: hsl(359 77% 46%);
border-color: oklch(0.545 0.209 27.2);
}Tailwind CSS v4
@theme {
--color-thunder-mountain-longhorn-pepper: #ce1b1f;
--color-thunder-mountain-longhorn-pepper-50: #ffdfd3;
--color-thunder-mountain-longhorn-pepper-100: #ffcec0;
--color-thunder-mountain-longhorn-pepper-200: #ffb1a0;
--color-thunder-mountain-longhorn-pepper-300: #ff8977;
--color-thunder-mountain-longhorn-pepper-400: #ff6056;
--color-thunder-mountain-longhorn-pepper-500: #f22c2c;
--color-thunder-mountain-longhorn-pepper-600: #cc2927;
--color-thunder-mountain-longhorn-pepper-700: #a4211f;
--color-thunder-mountain-longhorn-pepper-800: #7b1518;
--color-thunder-mountain-longhorn-pepper-900: #570e10;
--color-thunder-mountain-longhorn-pepper-950: #3a0003;
}SCSS
$thunder-mountain-longhorn-pepper: #ce1b1f;
$thunder-mountain-longhorn-pepper-rgb: 206, 27, 31;
$thunder-mountain-longhorn-pepper-light: mix(#fff, $thunder-mountain-longhorn-pepper, 20%);
$thunder-mountain-longhorn-pepper-dark: mix(#000, $thunder-mountain-longhorn-pepper, 20%);
.element {
color: $thunder-mountain-longhorn-pepper;
box-shadow: 0 0 0 2px rgba($thunder-mountain-longhorn-pepper, 0.35);
}