이름 색상 · #CF5570
Strawberry Moon
Strawberry Moon은(는) #CF5570: rgb(207 85 112), hsl(347 56% 57%), oklch(0.614 0.156 9.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Strawberry Moon color name →
#CF5570
oklch(0.614 0.156 9.3)
색상 변환
- HEX
- #cf5570
- RGB
- rgb(207 85 112)
- HSL
- hsl(347 56% 57%)
- HWB
- hwb(347 33% 19%)
- OKLCH
- oklch(0.614 0.156 9.3)
- OKLab
- oklab(0.614 0.154 0.025)
- CIE Lab
- lab(53.36 50.86 10.68)
- LCH
- lch(53.36 51.97 11.9)
- CMYK
- cmyk(0% 59% 46% 19%)
틴트 · 셰이드 · 톤
틴트
- D6677D
- DC798B
- E28A99
- E89BA7
- EDABB5
- F2BCC3
- F6CDD2
- F9DDE1
- FCEEF0
셰이드
- B44960
- 993D51
- 7F3143
- 672635
- 4F1C27
- 38111A
- 23080E
- 100204
- 020001
톤
- C85B72
- C16173
- BA6675
- B36A77
- AB6E78
- A3727A
- 9B767B
- 927A7D
- 8A7D7E
색 조화
보색 +180°
- CF5570
Strawberry Moon
- 009891
≈ Columbia
유사색 -30° +30°
- CF5570
Strawberry Moon
- BF5AA2
≈ Llilacquered
- CF5D34
≈ Chilean Fire
삼각 배색 +120° +240°
- CF5570
Strawberry Moon
- 669516
≈ Limeade
- 2288DD
≈ Blue Cola
분열 보색 +150° +210°
- CF5570
Strawberry Moon
- 009D65
≈ Prairie
- 0093B1
≈ Munsell Blue
사각 배색 +90° +180° +270°
- CF5570
Strawberry Moon
- 978500
≈ Thicket Green
- 009891
≈ Columbia
- 7376DF
≈ Hera Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.04:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.18:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.18:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--strawberry-moon: #cf5570;
--strawberry-moon-rgb: 207 85 112;
--strawberry-moon-oklch: oklch(0.614 0.156 9.3);
}
.element {
color: var(--strawberry-moon);
background-color: hsl(347 56% 57%);
border-color: oklch(0.614 0.156 9.3);
}Tailwind CSS v4
@theme {
--color-strawberry-moon: #cf5570;
--color-strawberry-moon-50: #ffe4ea;
--color-strawberry-moon-100: #ffd3db;
--color-strawberry-moon-200: #ffb9c3;
--color-strawberry-moon-300: #fc95a3;
--color-strawberry-moon-400: #ea738b;
--color-strawberry-moon-500: #d75070;
--color-strawberry-moon-600: #b6455f;
--color-strawberry-moon-700: #92374c;
--color-strawberry-moon-800: #6d2639;
--color-strawberry-moon-900: #4d1a27;
--color-strawberry-moon-950: #320915;
}SCSS
$strawberry-moon: #cf5570;
$strawberry-moon-rgb: 207, 85, 112;
$strawberry-moon-light: mix(#fff, $strawberry-moon, 20%);
$strawberry-moon-dark: mix(#000, $strawberry-moon, 20%);
.element {
color: $strawberry-moon;
box-shadow: 0 0 0 2px rgba($strawberry-moon, 0.35);
}