이름 색상 · #CC7365
It’s My Party
It’s My Party은(는) #CC7365: rgb(204 115 101), hsl(8 50% 60%), oklch(0.651 0.115 29.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · It’s My Party color name →
#CC7365
oklch(0.651 0.115 29.9)
색상 변환
- HEX
- #cc7365
- RGB
- rgb(204 115 101)
- HSL
- hsl(8 50% 60%)
- HWB
- hwb(8 40% 20%)
- OKLCH
- oklch(0.651 0.115 29.9)
- OKLab
- oklab(0.651 0.099 0.057)
- CIE Lab
- lab(58.52 34.75 23.9)
- LCH
- lch(58.52 42.18 34.5)
- CMYK
- cmyk(0% 44% 50% 20%)
틴트 · 셰이드 · 톤
틴트
- D28174
- D88F83
- DE9D92
- E4ABA1
- E9B9B0
- EEC7C0
- F3D5CF
- F7E3DF
- FBF1EF
셰이드
- B16357
- 975449
- 7E453C
- 65362F
- 4E2822
- 371B17
- 220F0C
- 0F0503
- 020100
톤
- C57568
- BE776B
- B7786E
- AF7A71
- A87B73
- A07C76
- 997D79
- 917E7B
- 887F7E
색 조화
보색 +180°
- CC7365
It’s My Party
- 00A2B5
≈ January Blue
유사색 -30° +30°
- CC7365
It’s My Party
- C8708D
≈ Silk Ribbon
- C27D41
≈ Caramel Toffee
삼각 배색 +120° +240°
- CC7365
It’s My Party
- 57A369
≈ Endo
- 748BD6
≈ Tanzine
분열 보색 +150° +210°
- CC7365
It’s My Party
- 15A692
≈ Persian Green
- 4398CE
≈ Blessed Blue
사각 배색 +90° +180° +270°
- CC7365
It’s My Party
- 879A43
≈ Café de Paris
- 00A2B5
≈ January Blue
- 9A7FCB
≈ Lilac Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.38:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.20:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.20:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--it-s-my-party: #cc7365;
--it-s-my-party-rgb: 204 115 101;
--it-s-my-party-oklch: oklch(0.651 0.115 29.9);
}
.element {
color: var(--it-s-my-party);
background-color: hsl(8 50% 60%);
border-color: oklch(0.651 0.115 29.9);
}Tailwind CSS v4
@theme {
--color-it-s-my-party: #cc7365;
--color-it-s-my-party-50: #ffeae1;
--color-it-s-my-party-100: #ffdbd0;
--color-it-s-my-party-200: #ffc3b6;
--color-it-s-my-party-300: #eca293;
--color-it-s-my-party-400: #da8476;
--color-it-s-my-party-500: #c76657;
--color-it-s-my-party-600: #a8574a;
--color-it-s-my-party-700: #87453b;
--color-it-s-my-party-800: #64312b;
--color-it-s-my-party-900: #46221d;
--color-it-s-my-party-950: #2e100d;
}SCSS
$it-s-my-party: #cc7365;
$it-s-my-party-rgb: 204, 115, 101;
$it-s-my-party-light: mix(#fff, $it-s-my-party, 20%);
$it-s-my-party-dark: mix(#000, $it-s-my-party, 20%);
.element {
color: $it-s-my-party;
box-shadow: 0 0 0 2px rgba($it-s-my-party, 0.35);
}