이름 색상 · #F2CFE0
Minimal Rose
Minimal Rose은(는) #F2CFE0: rgb(242 207 224), hsl(331 57% 88%), oklch(0.889 0.045 347.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Minimal Rose color name →
#F2CFE0
oklch(0.889 0.045 347.2)
색상 변환
- HEX
- #f2cfe0
- RGB
- rgb(242 207 224)
- HSL
- hsl(331 57% 88%)
- HWB
- hwb(331 81% 5%)
- OKLCH
- oklch(0.889 0.045 347.2)
- OKLab
- oklab(0.889 0.044 -0.01)
- CIE Lab
- lab(86.51 14.72 -3.64)
- LCH
- lch(86.51 15.16 346.1)
- CMYK
- cmyk(0% 14% 7% 5%)
틴트 · 셰이드 · 톤
틴트
- F3D4E3
- F5D9E6
- F6DDE9
- F8E2EC
- F9E7EF
- FAECF3
- FBF1F6
- FDF5F9
- FEFAFC
셰이드
- D2B4C3
- B499A6
- 967F8A
- 796770
- 5E4F56
- 43383E
- 2B2327
- 141012
- 030202
톤
- E6C7D6
- DABFCC
- CFB7C2
- C3AFB8
- B8A7AF
- AC9FA5
- A1979C
- 968F92
- 8B8889
색 조화
보색 +180°
- F2CFE0
Minimal Rose
- BFE4D4
≈ Beru
유사색 -30° +30°
- F2CFE0
Minimal Rose
- E7D2EE
≈ Lavender Princess
- F7CFD0
≈ Pinktone
삼각 배색 +120° +240°
- F2CFE0
Minimal Rose
- DDDDBB
≈ Endless Silk
- BCE1F2
≈ Tropical Pool
분열 보색 +150° +210°
- F2CFE0
Minimal Rose
- CDE2C5
≈ Soft Moss
- B9E4E5
≈ Soaring Sky
사각 배색 +90° +180° +270°
- F2CFE0
Minimal Rose
- EBD7BA
≈ White Hot Chocolate
- BFE4D4
≈ Beru
- C8DCF9
≈ Fly a Kite
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.77:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.77:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--minimal-rose: #f2cfe0;
--minimal-rose-rgb: 242 207 224;
--minimal-rose-oklch: oklch(0.889 0.045 347.2);
}
.element {
color: var(--minimal-rose);
background-color: hsl(331 57% 88%);
border-color: oklch(0.889 0.045 347.2);
}Tailwind CSS v4
@theme {
--color-minimal-rose: #f2cfe0;
--color-minimal-rose-50: #fff0f7;
--color-minimal-rose-100: #f4e2ea;
--color-minimal-rose-200: #e4cdd7;
--color-minimal-rose-300: #caaebb;
--color-minimal-rose-400: #b394a3;
--color-minimal-rose-500: #9d7a8c;
--color-minimal-rose-600: #856876;
--color-minimal-rose-700: #6b535f;
--color-minimal-rose-800: #4e3c46;
--color-minimal-rose-900: #362930;
--color-minimal-rose-950: #21171d;
}SCSS
$minimal-rose: #f2cfe0;
$minimal-rose-rgb: 242, 207, 224;
$minimal-rose-light: mix(#fff, $minimal-rose, 20%);
$minimal-rose-dark: mix(#000, $minimal-rose, 20%);
.element {
color: $minimal-rose;
box-shadow: 0 0 0 2px rgba($minimal-rose, 0.35);
}