이름 색상 · #F2EDDD

Quarter Pearl Lusta

Quarter Pearl Lusta은(는) #F2EDDD: rgb(242 237 221), hsl(46 45% 91%), oklch(0.946 0.022 92.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Quarter Pearl Lusta color name →

#F2EDDD

oklch(0.946 0.022 92.5)

색상 변환

HEX: #f2eddd
RGB: rgb(242 237 221)
HSL: hsl(46 45% 91%)
HWB: hwb(46 87% 5%)
OKLCH: oklch(0.946 0.022 92.5)
OKLab: oklab(0.946 -0.001 0.022)
CIE Lab: lab(93.82 -0.27 8.41)
LCH: lch(93.82 8.41 91.8)
CMYK: cmyk(0% 2% 9% 5%)

틴트 · 셰이드 · 톤

틴트

F3EFE0
F5F1E4
F6F2E7
F7F4EB
F8F6EE
FAF8F1
FBFAF5
FCFBF8
FEFDFC

셰이드

D2CEC0
B4B0A4
969388
79776E
5E5C55
43423D
2B2A26
141411
030302

톤

E6E2D3
DAD6CA
CECBC0
C3C0B7
B7B5AD
ACAAA4
A19F9B
969592
8B8A89

색 조화

보색 +180°

F2EDDD
Quarter Pearl Lusta
E8EDFC
≈ Brilliant White

유사색 -30° +30°

F2EDDD
Quarter Pearl Lusta
F8EADF
≈ Chardon
EAF0E0
≈ Clarity

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.17:1 · APCA Lc 8

Fail

검은색 위

WCAG 17.93:1 · APCA Lc 96

AAA

가장 좋은 글자색: #000000

WCAG 17.93:1 (AAA) · APCA Lc 96

Contrast pairs

코드 스니펫

CSS

:root {
  --quarter-pearl-lusta: #f2eddd;
  --quarter-pearl-lusta-rgb: 242 237 221;
  --quarter-pearl-lusta-oklch: oklch(0.946 0.022 92.5);
}

.element {
  color: var(--quarter-pearl-lusta);
  background-color: hsl(46 45% 91%);
  border-color: oklch(0.946 0.022 92.5);
}

Tailwind CSS v4

@theme {
  --color-quarter-pearl-lusta: #f2eddd;
  --color-quarter-pearl-lusta-50: #f7f5ee;
  --color-quarter-pearl-lusta-100: #eae8e0;
  --color-quarter-pearl-lusta-200: #d7d4ca;
  --color-quarter-pearl-lusta-300: #bbb7ab;
  --color-quarter-pearl-lusta-400: #a39e90;
  --color-quarter-pearl-lusta-500: #8b8676;
  --color-quarter-pearl-lusta-600: #767164;
  --color-quarter-pearl-lusta-700: #5e5b50;
  --color-quarter-pearl-lusta-800: #45423a;
  --color-quarter-pearl-lusta-900: #302e28;
  --color-quarter-pearl-lusta-950: #1c1a16;
}

SCSS

$quarter-pearl-lusta: #f2eddd;
$quarter-pearl-lusta-rgb: 242, 237, 221;
$quarter-pearl-lusta-light: mix(#fff, $quarter-pearl-lusta, 20%);
$quarter-pearl-lusta-dark: mix(#000, $quarter-pearl-lusta, 20%);

.element {
  color: $quarter-pearl-lusta;
  box-shadow: 0 0 0 2px rgba($quarter-pearl-lusta, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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