이름 색상 · #E07C89
Hot Gossip
Hot Gossip은(는) #E07C89: rgb(224 124 137), hsl(352 62% 68%), oklch(0.7 0.124 12.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Hot Gossip color name →
#E07C89
oklch(0.7 0.124 12.5)
색상 변환
- HEX
- #e07c89
- RGB
- rgb(224 124 137)
- HSL
- hsl(352 62% 68%)
- HWB
- hwb(352 49% 12%)
- OKLCH
- oklch(0.7 0.124 12.5)
- OKLab
- oklab(0.7 0.121 0.027)
- CIE Lab
- lab(63.8 40.54 11.12)
- LCH
- lch(63.8 42.04 15.3)
- CMYK
- cmyk(0% 45% 39% 12%)
틴트 · 셰이드 · 톤
틴트
- E48994
- E997A0
- EDA4AB
- F0B1B7
- F3BEC3
- F6CBCE
- F9D8DA
- FBE5E6
- FDF2F3
셰이드
- C36B76
- A65A64
- 8A4A53
- 703B42
- 562C31
- 3E1E22
- 271114
- 120507
- 020101
톤
- D77D88
- CE7E87
- C47F86
- BB7F86
- B28085
- A88084
- 9E8083
- 948082
- 8A8081
색 조화
보색 +180°
- E07C89
Hot Gossip
- 00B5B2
≈ Swagger
유사색 -30° +30°
- E07C89
Hot Gossip
- D37EB3
≈ Ice Plant
- DE835E
≈ Show Business
삼각 배색 +120° +240°
- E07C89
Hot Gossip
- 80AF5B
≈ Jealousy
- 63A2E9
≈ Feather Star
분열 보색 +150° +210°
- E07C89
Hot Gossip
- 46B687
≈ Mint
- 1FAFD6
≈ Battery Charged Blue
사각 배색 +90° +180° +270°
- E07C89
Hot Gossip
- ADA138
≈ Martian
- 00B5B2
≈ Swagger
- 9394E9
≈ Perrywinkle
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.83:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.41:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.41:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--hot-gossip: #e07c89;
--hot-gossip-rgb: 224 124 137;
--hot-gossip-oklch: oklch(0.7 0.124 12.5);
}
.element {
color: var(--hot-gossip);
background-color: hsl(352 62% 68%);
border-color: oklch(0.7 0.124 12.5);
}Tailwind CSS v4
@theme {
--color-hot-gossip: #e07c89;
--color-hot-gossip-50: #ffe7ea;
--color-hot-gossip-100: #ffd8db;
--color-hot-gossip-200: #ffbfc4;
--color-hot-gossip-300: #f09da3;
--color-hot-gossip-400: #dd7e8a;
--color-hot-gossip-500: #ca5f6f;
--color-hot-gossip-600: #ab515e;
--color-hot-gossip-700: #89414b;
--color-hot-gossip-800: #662e38;
--color-hot-gossip-900: #481f26;
--color-hot-gossip-950: #2e0e15;
}SCSS
$hot-gossip: #e07c89;
$hot-gossip-rgb: 224, 124, 137;
$hot-gossip-light: mix(#fff, $hot-gossip, 20%);
$hot-gossip-dark: mix(#000, $hot-gossip, 20%);
.element {
color: $hot-gossip;
box-shadow: 0 0 0 2px rgba($hot-gossip, 0.35);
}