이름 색상 · #FAE6CA

Quiet Splendour

Quiet Splendour은(는) #FAE6CA: rgb(250 230 202), hsl(35 83% 89%), oklch(0.934 0.043 76.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Quiet Splendour color name →

#FAE6CA

oklch(0.934 0.043 76.3)

색상 변환

HEX: #fae6ca
RGB: rgb(250 230 202)
HSL: hsl(35 83% 89%)
HWB: hwb(35 79% 2%)
OKLCH: oklch(0.934 0.043 76.3)
OKLab: oklab(0.934 0.01 0.042)
CIE Lab: lab(92.39 3.83 16.3)
LCH: lch(92.39 16.74 76.8)
CMYK: cmyk(0% 8% 19% 2%)

틴트 · 셰이드 · 톤

틴트

FBE9CF
FBEBD5
FCEEDA
FCF0DF
FDF3E5
FDF5EA
FEF8EF
FEFAF4
FFFDFA

셰이드

D9C8AF
BAAB95
9B8E7C
7D7364
61594D
464037
2D2822
15130F
030302

톤

EDDBC2
E0D1BB
D4C6B3
C8BCAC
BBB2A4
AFA89D
A39E96
97948E
8C8A87

색 조화

보색 +180°

FAE6CA
Quiet Splendour
DCEBFF
≈ Hoarfrost

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.21:1 · APCA Lc 11

Fail

검은색 위

WCAG 17.23:1 · APCA Lc 93

AAA

가장 좋은 글자색: #000000

WCAG 17.23:1 (AAA) · APCA Lc 93

Contrast pairs

코드 스니펫

CSS

:root {
  --quiet-splendour: #fae6ca;
  --quiet-splendour-rgb: 250 230 202;
  --quiet-splendour-oklch: oklch(0.934 0.043 76.3);
}

.element {
  color: var(--quiet-splendour);
  background-color: hsl(35 83% 89%);
  border-color: oklch(0.934 0.043 76.3);
}

Tailwind CSS v4

@theme {
  --color-quiet-splendour: #fae6ca;
  --color-quiet-splendour-50: #fcf4e8;
  --color-quiet-splendour-100: #f0e6d8;
  --color-quiet-splendour-200: #ded2c0;
  --color-quiet-splendour-300: #c4b59f;
  --color-quiet-splendour-400: #ad9c83;
  --color-quiet-splendour-500: #978366;
  --color-quiet-splendour-600: #7f6f57;
  --color-quiet-splendour-700: #665945;
  --color-quiet-splendour-800: #4b4032;
  --color-quiet-splendour-900: #342c22;
  --color-quiet-splendour-950: #201911;
}

SCSS

$quiet-splendour: #fae6ca;
$quiet-splendour-rgb: 250, 230, 202;
$quiet-splendour-light: mix(#fff, $quiet-splendour, 20%);
$quiet-splendour-dark: mix(#000, $quiet-splendour, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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