이름 색상 · #C97376
Pink Dazzle
Pink Dazzle은(는) #C97376: rgb(201 115 118), hsl(358 44% 62%), oklch(0.651 0.108 18.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Pink Dazzle color name →
#C97376
oklch(0.651 0.108 18.3)
색상 변환
- HEX
- #c97376
- RGB
- rgb(201 115 118)
- HSL
- hsl(358 44% 62%)
- HWB
- hwb(358 45% 21%)
- OKLCH
- oklch(0.651 0.108 18.3)
- OKLab
- oklab(0.651 0.103 0.034)
- CIE Lab
- lab(58.4 34.83 13.94)
- LCH
- lch(58.4 37.52 21.8)
- CMYK
- cmyk(0% 43% 41% 21%)
틴트 · 셰이드 · 톤
틴트
- D08183
- D68F90
- DC9D9D
- E2ABAB
- E7B8B8
- EDC6C6
- F2D4D4
- F6E3E2
- FBF1F1
셰이드
- AE6366
- 955456
- 7C4547
- 643638
- 4C2829
- 361B1C
- 220F0F
- 0F0505
- 020101
톤
- C27577
- BB7778
- B47879
- AD7A7A
- A67B7B
- 9F7C7C
- 987D7D
- 907E7E
- 887F7F
색 조화
보색 +180°
- C97376
Pink Dazzle
- 11A3A8
≈ Wax Crayon Blue
유사색 -30° +30°
- C97376
Pink Dazzle
- C0739B
≈ Dolomite Red
- C57A52
≈ Pheasant
삼각 배색 +120° +240°
- C97376
Pink Dazzle
- 6D9F5D
≈ Green Hornet
- 6591D1
≈ Bashful Blue
분열 보색 +150° +210°
- C97376
Pink Dazzle
- 3DA583
≈ Funk
- 369CC4
≈ Norse Blue
사각 배색 +90° +180° +270°
- C97376
Pink Dazzle
- 96943F
≈ Plantain
- 11A3A8
≈ Wax Crayon Blue
- 8D84CE
≈ Amethyst Grey
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.38:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.19:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.19:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--pink-dazzle: #c97376;
--pink-dazzle-rgb: 201 115 118;
--pink-dazzle-oklch: oklch(0.651 0.108 18.3);
}
.element {
color: var(--pink-dazzle);
background-color: hsl(358 44% 62%);
border-color: oklch(0.651 0.108 18.3);
}Tailwind CSS v4
@theme {
--color-pink-dazzle: #c97376;
--color-pink-dazzle-50: #ffeae8;
--color-pink-dazzle-100: #ffdad9;
--color-pink-dazzle-200: #ffc2c1;
--color-pink-dazzle-300: #eaa1a0;
--color-pink-dazzle-400: #d78486;
--color-pink-dazzle-500: #c3666a;
--color-pink-dazzle-600: #a5575a;
--color-pink-dazzle-700: #854548;
--color-pink-dazzle-800: #623235;
--color-pink-dazzle-900: #452224;
--color-pink-dazzle-950: #2d1113;
}SCSS
$pink-dazzle: #c97376;
$pink-dazzle-rgb: 201, 115, 118;
$pink-dazzle-light: mix(#fff, $pink-dazzle, 20%);
$pink-dazzle-dark: mix(#000, $pink-dazzle, 20%);
.element {
color: $pink-dazzle;
box-shadow: 0 0 0 2px rgba($pink-dazzle, 0.35);
}