이름 색상 · #C8647F
Ballerina Tutu
Ballerina Tutu은(는) #C8647F: rgb(200 100 127), hsl(344 48% 59%), oklch(0.629 0.13 4.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Ballerina Tutu color name →
#C8647F
oklch(0.629 0.13 4.4)
색상 변환
- HEX
- #c8647f
- RGB
- rgb(200 100 127)
- HSL
- hsl(344 48% 59%)
- HWB
- hwb(344 39% 22%)
- OKLCH
- oklch(0.629 0.13 4.4)
- OKLab
- oklab(0.629 0.129 0.01)
- CIE Lab
- lab(55.35 42.64 4.44)
- LCH
- lch(55.35 42.87 5.9)
- CMYK
- cmyk(0% 50% 37% 22%)
틴트 · 셰이드 · 톤
틴트
- CF748B
- D68397
- DC93A4
- E2A2B0
- E8B1BD
- EDC1CA
- F2D0D7
- F7E0E4
- FBEFF2
셰이드
- AE566E
- 94485D
- 7B3B4C
- 632E3C
- 4C222D
- 36161F
- 210B11
- 0F0306
- 020001
톤
- C2687F
- BB6B7F
- B46E7F
- AD717F
- A67480
- 9F7780
- 987980
- 907C80
- 887E80
색 조화
보색 +180°
- C8647F
Ballerina Tutu
- 009E91
≈ On a Whim
유사색 -30° +30°
- C8647F
Ballerina Tutu
- B768A8
≈ Pearly Purple
- CA6951
≈ Langoustino
삼각 배색 +120° +240°
- C8647F
Ballerina Tutu
- 789633
≈ Siskin Sprout
- 368FD1
≈ Magical Merlin
분열 보색 +150° +210°
- C8647F
Ballerina Tutu
- 399F64
≈ Bulma Hair
- 0099B2
≈ Caneel Bay
사각 배색 +90° +180° +270°
- C8647F
Ballerina Tutu
- A28600
≈ Golden Palm
- 009E91
≈ On a Whim
- 7281D6
≈ Tanzine
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.75:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.58:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--ballerina-tutu: #c8647f;
--ballerina-tutu-rgb: 200 100 127;
--ballerina-tutu-oklch: oklch(0.629 0.13 4.4);
}
.element {
color: var(--ballerina-tutu);
background-color: hsl(344 48% 59%);
border-color: oklch(0.629 0.13 4.4);
}Tailwind CSS v4
@theme {
--color-ballerina-tutu: #c8647f;
--color-ballerina-tutu-50: #ffe7ef;
--color-ballerina-tutu-100: #ffd7e1;
--color-ballerina-tutu-200: #ffbecb;
--color-ballerina-tutu-300: #f09bad;
--color-ballerina-tutu-400: #de7c95;
--color-ballerina-tutu-500: #ca5c7b;
--color-ballerina-tutu-600: #ab4f69;
--color-ballerina-tutu-700: #893f54;
--color-ballerina-tutu-800: #662d3e;
--color-ballerina-tutu-900: #481e2b;
--color-ballerina-tutu-950: #2e0e18;
}SCSS
$ballerina-tutu: #c8647f;
$ballerina-tutu-rgb: 200, 100, 127;
$ballerina-tutu-light: mix(#fff, $ballerina-tutu, 20%);
$ballerina-tutu-dark: mix(#000, $ballerina-tutu, 20%);
.element {
color: $ballerina-tutu;
box-shadow: 0 0 0 2px rgba($ballerina-tutu, 0.35);
}