Adlandırılmış renk · #C2343C
Tropical Heat
Tropical Heat, #C2343C: rgb(194 52 60), hsl(357 58% 48%), oklch(0.544 0.178 22.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Tropical Heat color name →
#C2343C
oklch(0.544 0.178 22.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CB4D4F
- D36362
- DB7774
- E28B87
- E89E9B
- EEB2AE
- F4C5C2
- F8D8D6
- FCECEA
Koyu tonlar
- A82C33
- 8F242A
- 771C21
- 601519
- 490E11
- 34070A
- 200304
- 0E0101
- 020000
Gri tonlar
- BD4044
- B84A4B
- B25352
- AC5B59
- A6625F
- A06966
- 996F6D
- 917573
- 897B7A
Renk uyumları
Tamamlayıcı +180°
- C2343C
Tropical Heat
- 007F87
≈ Go Alpha
Analog -30° +30°
- C2343C
Tropical Heat
- B8357A
≈ Fuchsia Red
- AC5400
≈ Tijolo
Üçlü +120° +240°
- C2343C
Tropical Heat
- 10880F
≈ India Green
- 3368D6
≈ Flickr Blue
Bölünmüş tamamlayıcı +150° +210°
- C2343C
Tropical Heat
- 008369
≈ Bosphorus
- 007AA6
≈ Quiet Cove
Dörtlü +90° +180° +270°
- C2343C
Tropical Heat
- 717600
≈ Spinach Soup
- 007F87
≈ Go Alpha
- 7654CC
≈ Astro Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.45:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.85:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
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);
}