이름 색상 · #F1E8EC

Rose Fantasy

Rose Fantasy은(는) #F1E8EC: rgb(241 232 236), hsl(333 24% 93%), oklch(0.939 0.011 348.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Rose Fantasy color name →

#F1E8EC

oklch(0.939 0.011 348.4)

색상 변환

HEX: #f1e8ec
RGB: rgb(241 232 236)
HSL: hsl(333 24% 93%)
HWB: hwb(333 91% 5%)
OKLCH: oklch(0.939 0.011 348.4)
OKLab: oklab(0.939 0.011 -0.002)
CIE Lab: lab(92.8 3.66 -0.81)
LCH: lch(92.8 3.75 347.6)
CMYK: cmyk(0% 4% 2% 5%)

틴트 · 셰이드 · 톤

틴트

F2EAEE
F4EDF0
F5EFF2
F7F1F4
F8F3F5
F9F6F7
FBF8F9
FCFAFB
FEFDFD

셰이드

D2CACD
B3ACAF
959092
797476
5D595B
434042
2B2929
141313
030303

톤

E5DDE1
D9D2D5
CEC8CA
C2BDBF
B7B3B4
ACA8AA
A19E9F
969495
8B8A8A

색 조화

보색 +180°

F1E8EC
Rose Fantasy
E4EDE9
≈ Waterfall Mist

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 1.20:1 · APCA Lc 10

Fail

검은색 위

WCAG 17.49:1 · APCA Lc 94

AAA

가장 좋은 글자색: #000000

WCAG 17.49:1 (AAA) · APCA Lc 94

Contrast pairs

코드 스니펫

CSS

:root {
  --rose-fantasy: #f1e8ec;
  --rose-fantasy-rgb: 241 232 236;
  --rose-fantasy-oklch: oklch(0.939 0.011 348.4);
}

.element {
  color: var(--rose-fantasy);
  background-color: hsl(333 24% 93%);
  border-color: oklch(0.939 0.011 348.4);
}

Tailwind CSS v4

@theme {
  --color-rose-fantasy: #f1e8ec;
  --color-rose-fantasy-50: #f8f4f5;
  --color-rose-fantasy-100: #ebe6e8;
  --color-rose-fantasy-200: #d8d2d5;
  --color-rose-fantasy-300: #bcb5b8;
  --color-rose-fantasy-400: #a49c9f;
  --color-rose-fantasy-500: #8c8387;
  --color-rose-fantasy-600: #776f72;
  --color-rose-fantasy-700: #5f595c;
  --color-rose-fantasy-800: #454143;
  --color-rose-fantasy-900: #302d2e;
  --color-rose-fantasy-950: #1c1a1b;
}

SCSS

$rose-fantasy: #f1e8ec;
$rose-fantasy-rgb: 241, 232, 236;
$rose-fantasy-light: mix(#fff, $rose-fantasy, 20%);
$rose-fantasy-dark: mix(#000, $rose-fantasy, 20%);

.element {
  color: $rose-fantasy;
  box-shadow: 0 0 0 2px rgba($rose-fantasy, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API