이름 색상 · #FDD0D5

Love Fumes

Love Fumes은(는) #FDD0D5: rgb(253 208 213), hsl(353 92% 90%), oklch(0.898 0.051 10.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Pink mean? → · Love Fumes color name →

#FDD0D5

oklch(0.898 0.051 10.6)

색상 변환

HEX: #fdd0d5
RGB: rgb(253 208 213)
HSL: hsl(353 92% 90%)
HWB: hwb(353 82% 1%)
OKLCH: oklch(0.898 0.051 10.6)
OKLab: oklab(0.898 0.05 0.009)
CIE Lab: lab(87.54 16.88 3.8)
LCH: lch(87.54 17.3 12.7)
CMYK: cmyk(0% 18% 16% 1%)

틴트 · 셰이드 · 톤

틴트

FDD5D9
FED9DD
FEDEE1
FEE3E6
FFE7EA
FFECEE
FFF1F2
FFF6F6
FFFAFB

셰이드

DCB5B9
BC9A9E
9D8083
7F676A
624F51
47393A
2D2324
161010
030202

톤

F0C8CC
E3C0C3
D6B7BB
CAAFB2
BDA7AA
B19FA1
A49799
989090
8C8888

색 조화

보색 +180°

FDD0D5
Love Fumes
B7E9E5
≈ Tahitian Breeze

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.38:1 · APCA Lc 19

Fail

검은색 위

WCAG 15.15:1 · APCA Lc 85

AAA

가장 좋은 글자색: #000000

WCAG 15.15:1 (AAA) · APCA Lc 85

Contrast pairs

코드 스니펫

CSS

:root {
  --love-fumes: #fdd0d5;
  --love-fumes-rgb: 253 208 213;
  --love-fumes-oklch: oklch(0.898 0.051 10.6);
}

.element {
  color: var(--love-fumes);
  background-color: hsl(353 92% 90%);
  border-color: oklch(0.898 0.051 10.6);
}

Tailwind CSS v4

@theme {
  --color-love-fumes: #fdd0d5;
  --color-love-fumes-50: #fff0f1;
  --color-love-fumes-100: #f8e1e3;
  --color-love-fumes-200: #e9ccce;
  --color-love-fumes-300: #d0adb0;
  --color-love-fumes-400: #ba9297;
  --color-love-fumes-500: #a5787e;
  --color-love-fumes-600: #8b666b;
  --color-love-fumes-700: #705255;
  --color-love-fumes-800: #523b3f;
  --color-love-fumes-900: #39292b;
  --color-love-fumes-950: #241618;
}

SCSS

$love-fumes: #fdd0d5;
$love-fumes-rgb: 253, 208, 213;
$love-fumes-light: mix(#fff, $love-fumes, 20%);
$love-fumes-dark: mix(#000, $love-fumes, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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