Benannte Farbe · #C2343C
Tropical Heat
Tropical Heat ist #C2343C: rgb(194 52 60), hsl(357 58% 48%), oklch(0.544 0.178 22.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Tropical Heat color name →
#C2343C
oklch(0.544 0.178 22.6)
Farbumrechnungen
- HEX
- #c2343c
- RGB
- rgb(194 52 60)
- HSL
- hsl(357 58% 48%)
- HWB
- hwb(357 20% 24%)
- OKLCH
- oklch(0.544 0.178 22.6)
- OKLab
- oklab(0.544 0.165 0.068)
- CIE Lab
- lab(45.27 56.79 30.87)
- LCH
- lch(45.27 64.64 28.5)
- CMYK
- cmyk(0% 73% 69% 24%)
Tints · Shades · Tones
Tints
- CB4D4F
- D36362
- DB7774
- E28B87
- E89E9B
- EEB2AE
- F4C5C2
- F8D8D6
- FCECEA
Shades
- A82C33
- 8F242A
- 771C21
- 601519
- 490E11
- 34070A
- 200304
- 0E0101
- 020000
Tones
- BD4044
- B84A4B
- B25352
- AC5B59
- A6625F
- A06966
- 996F6D
- 917573
- 897B7A
Farbharmonien
Komplementär +180°
- C2343C
Tropical Heat
- 007F87
≈ Go Alpha
Analog -30° +30°
- C2343C
Tropical Heat
- B8357A
≈ Fuchsia Red
- AC5400
≈ Tijolo
Triadisch +120° +240°
- C2343C
Tropical Heat
- 10880F
≈ India Green
- 3368D6
≈ Flickr Blue
Geteilt komplementär +150° +210°
- C2343C
Tropical Heat
- 008369
≈ Bosphorus
- 007AA6
≈ Quiet Cove
Tetradisch +90° +180° +270°
- C2343C
Tropical Heat
- 717600
≈ Spinach Soup
- 007F87
≈ Go Alpha
- 7654CC
≈ Astro Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.45:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.85:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--tropical-heat: #c2343c;
--tropical-heat-rgb: 194 52 60;
--tropical-heat-oklch: oklch(0.544 0.178 22.6);
}
.element {
color: var(--tropical-heat);
background-color: hsl(357 58% 48%);
border-color: oklch(0.544 0.178 22.6);
}Tailwind CSS v4
@theme {
--color-tropical-heat: #c2343c;
--color-tropical-heat-50: #ffe2dc;
--color-tropical-heat-100: #ffd1ca;
--color-tropical-heat-200: #ffb6ae;
--color-tropical-heat-300: #ff9089;
--color-tropical-heat-400: #f66c6c;
--color-tropical-heat-500: #e4444c;
--color-tropical-heat-600: #c13b41;
--color-tropical-heat-700: #9b2f33;
--color-tropical-heat-800: #742127;
--color-tropical-heat-900: #52161a;
--color-tropical-heat-950: #36060a;
}SCSS
$tropical-heat: #c2343c;
$tropical-heat-rgb: 194, 52, 60;
$tropical-heat-light: mix(#fff, $tropical-heat, 20%);
$tropical-heat-dark: mix(#000, $tropical-heat, 20%);
.element {
color: $tropical-heat;
box-shadow: 0 0 0 2px rgba($tropical-heat, 0.35);
}