이름 색상 · #D47186
Strawberry Milkshake
Strawberry Milkshake은(는) #D47186: rgb(212 113 134), hsl(347 54% 64%), oklch(0.666 0.126 7.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Strawberry Milkshake color name →
#D47186
oklch(0.666 0.126 7.6)
색상 변환
- HEX
- #d47186
- RGB
- rgb(212 113 134)
- HSL
- hsl(347 54% 64%)
- HWB
- hwb(347 44% 17%)
- OKLCH
- oklch(0.666 0.126 7.6)
- OKLab
- oklab(0.666 0.124 0.017)
- CIE Lab
- lab(59.83 41.27 6.99)
- LCH
- lch(59.83 41.86 9.6)
- CMYK
- cmyk(0% 47% 37% 17%)
틴트 · 셰이드 · 톤
틴트
- DA7F91
- DF8E9D
- E49CA9
- E9AAB5
- EEB8C1
- F2C6CD
- F6D4D9
- F9E2E6
- FCF1F2
셰이드
- B86174
- 9D5262
- 834351
- 693540
- 512730
- 3A1A21
- 240E13
- 100406
- 020101
톤
- CC7385
- C47585
- BC7784
- B47984
- AC7A83
- A47C82
- 9B7D82
- 927E81
- 897F81
색 조화
보색 +180°
- D47186
Strawberry Milkshake
- 00ABA1
≈ Tropical Hideaway
유사색 -30° +30°
- D47186
Strawberry Milkshake
- C574AF
≈ Bishop Red
- D5765A
≈ Clay Mug
삼각 배색 +120° +240°
- D47186
Strawberry Milkshake
- 7EA248
≈ Tree Frog Green
- 4E9ADD
≈ Flax Flower Blue
분열 보색 +150° +210°
- D47186
Strawberry Milkshake
- 43AB75
≈ Jubilant Jade
- 00A5C4
≈ Cyan Blue
사각 배색 +90° +180° +270°
- D47186
Strawberry Milkshake
- A99426
≈ Rapeseed Oil
- 00ABA1
≈ Tropical Hideaway
- 828BE0
≈ Perrywinkle
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.22:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.50:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.50:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--strawberry-milkshake: #d47186;
--strawberry-milkshake-rgb: 212 113 134;
--strawberry-milkshake-oklch: oklch(0.666 0.126 7.6);
}
.element {
color: var(--strawberry-milkshake);
background-color: hsl(347 54% 64%);
border-color: oklch(0.666 0.126 7.6);
}Tailwind CSS v4
@theme {
--color-strawberry-milkshake: #d47186;
--color-strawberry-milkshake-50: #ffe7ed;
--color-strawberry-milkshake-100: #ffd7df;
--color-strawberry-milkshake-200: #ffbec8;
--color-strawberry-milkshake-300: #f09ca9;
--color-strawberry-milkshake-400: #dd7d91;
--color-strawberry-milkshake-500: #c95e77;
--color-strawberry-milkshake-600: #aa5065;
--color-strawberry-milkshake-700: #894050;
--color-strawberry-milkshake-800: #652e3c;
--color-strawberry-milkshake-900: #471f29;
--color-strawberry-milkshake-950: #2e0e17;
}SCSS
$strawberry-milkshake: #d47186;
$strawberry-milkshake-rgb: 212, 113, 134;
$strawberry-milkshake-light: mix(#fff, $strawberry-milkshake, 20%);
$strawberry-milkshake-dark: mix(#000, $strawberry-milkshake, 20%);
.element {
color: $strawberry-milkshake;
box-shadow: 0 0 0 2px rgba($strawberry-milkshake, 0.35);
}