이름 색상 · #C2343C
Tropical Heat
Tropical Heat은(는) #C2343C: rgb(194 52 60), hsl(357 58% 48%), oklch(0.544 0.178 22.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Tropical Heat color name →
#C2343C
oklch(0.544 0.178 22.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- CB4D4F
- D36362
- DB7774
- E28B87
- E89E9B
- EEB2AE
- F4C5C2
- F8D8D6
- FCECEA
셰이드
- A82C33
- 8F242A
- 771C21
- 601519
- 490E11
- 34070A
- 200304
- 0E0101
- 020000
톤
- BD4044
- B84A4B
- B25352
- AC5B59
- A6625F
- A06966
- 996F6D
- 917573
- 897B7A
색 조화
보색 +180°
- C2343C
Tropical Heat
- 007F87
≈ Go Alpha
유사색 -30° +30°
- C2343C
Tropical Heat
- B8357A
≈ Fuchsia Red
- AC5400
≈ Tijolo
삼각 배색 +120° +240°
- C2343C
Tropical Heat
- 10880F
≈ India Green
- 3368D6
≈ Flickr Blue
분열 보색 +150° +210°
- C2343C
Tropical Heat
- 008369
≈ Bosphorus
- 007AA6
≈ Quiet Cove
사각 배색 +90° +180° +270°
- C2343C
Tropical Heat
- 717600
≈ Spinach Soup
- 007F87
≈ Go Alpha
- 7654CC
≈ Astro Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 5.45:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.85:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
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);
}