Màu có tên · #F2EDDD

Quarter Pearl Lusta

Quarter Pearl Lusta là #F2EDDD: rgb(242 237 221), hsl(46 45% 91%), oklch(0.946 0.022 92.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.

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

#F2EDDD

oklch(0.946 0.022 92.5)

Chuyển đổi màu

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%)

Sắc nhạt · Sắc đậm · Sắc xám

Sắc nhạt

F3EFE0
F5F1E4
F6F2E7
F7F4EB
F8F6EE
FAF8F1
FBFAF5
FCFBF8
FEFDFC

Sắc đậm

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

Sắc xám

E6E2D3
DAD6CA
CECBC0
C3C0B7
B7B5AD
ACAAA4
A19F9B
969592
8B8A89

Hòa sắc

Bổ túc +180°

F2EDDD
Quarter Pearl Lusta
E8EDFC
≈ Brilliant White

Tương đồng -30° +30°

F2EDDD
Quarter Pearl Lusta
F8EADF
≈ Chardon
EAF0E0
≈ Clarity

Bộ ba +120° +240°

Bổ túc chia +150° +210°

Bộ bốn +90° +180° +270°

Tương phản và khả năng tiếp cận

Trên nền trắng

WCAG 1.17:1 · APCA Lc 8

Fail

Trên nền đen

WCAG 17.93:1 · APCA Lc 96

AAA

Màu chữ tốt nhất: #000000

WCAG 17.93:1 (AAA) · APCA Lc 96

Contrast pairs

Đoạn mã

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);
}

Các màu có tên tương tự

Palettes with similar colors

Mở trong công cụ

Bộ chọn Cặp màu Kiểm tra tương phản Studio JSON API