이름 색상 · #F3DFDB

Pallid Rose

Pallid Rose은(는) #F3DFDB: rgb(243 223 219), hsl(10 50% 91%), oklch(0.919 0.023 31.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#F3DFDB

oklch(0.919 0.023 31.1)

색상 변환

HEX: #f3dfdb
RGB: rgb(243 223 219)
HSL: hsl(10 50% 91%)
HWB: hwb(10 86% 5%)
OKLCH: oklch(0.919 0.023 31.1)
OKLab: oklab(0.919 0.019 0.012)
CIE Lab: lab(90.38 6.6 4.58)
LCH: lch(90.38 8.03 34.8)
CMYK: cmyk(0% 8% 10% 5%)

틴트 · 셰이드 · 톤

틴트

F4E2DF
F5E5E2
F7E9E6
F8ECE9
F9EFED
FAF2F0
FCF5F4
FDF9F8
FEFCFB

셰이드

D3C2BE
B4A5A2
978A87
7A6F6D
5E5654
443D3C
2B2726
141211
030202

톤

E7D5D2
DBCBC8
CFC2BF
C3B8B6
B8AEAC
ACA5A3
A19B9A
969291
8B8989

색 조화

보색 +180°

F3DFDB
Pallid Rose
D4E9ED
≈ Enchanted Evening

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.28:1 · APCA Lc 14

Fail

검은색 위

WCAG 16.38:1 · APCA Lc 90

AAA

가장 좋은 글자색: #000000

WCAG 16.38:1 (AAA) · APCA Lc 90

Contrast pairs

코드 스니펫

CSS

:root {
  --pallid-rose: #f3dfdb;
  --pallid-rose-rgb: 243 223 219;
  --pallid-rose-oklch: oklch(0.919 0.023 31.1);
}

.element {
  color: var(--pallid-rose);
  background-color: hsl(10 50% 91%);
  border-color: oklch(0.919 0.023 31.1);
}

Tailwind CSS v4

@theme {
  --color-pallid-rose: #f3dfdb;
  --color-pallid-rose-50: #fcf3f1;
  --color-pallid-rose-100: #efe5e3;
  --color-pallid-rose-200: #ded1ce;
  --color-pallid-rose-300: #c3b3b0;
  --color-pallid-rose-400: #ab9a96;
  --color-pallid-rose-500: #95817d;
  --color-pallid-rose-600: #7e6d6a;
  --color-pallid-rose-700: #655755;
  --color-pallid-rose-800: #4a403e;
  --color-pallid-rose-900: #332c2a;
  --color-pallid-rose-950: #1f1918;
}

SCSS

$pallid-rose: #f3dfdb;
$pallid-rose-rgb: 243, 223, 219;
$pallid-rose-light: mix(#fff, $pallid-rose, 20%);
$pallid-rose-dark: mix(#000, $pallid-rose, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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