이름 색상 · #E8D2E3

Sonora Rose

Sonora Rose은(는) #E8D2E3: rgb(232 210 227), hsl(314 32% 87%), oklch(0.887 0.033 333.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#E8D2E3

oklch(0.887 0.033 333.6)

색상 변환

HEX: #e8d2e3
RGB: rgb(232 210 227)
HSL: hsl(314 32% 87%)
HWB: hwb(314 82% 9%)
OKLCH: oklch(0.887 0.033 333.6)
OKLab: oklab(0.887 0.03 -0.015)
CIE Lab: lab(86.41 10.07 -5.48)
LCH: lch(86.41 11.47 331.4)
CMYK: cmyk(0% 9% 2% 9%)

틴트 · 셰이드 · 톤

틴트

EAD6E6
EDDBE9
EFDFEB
F1E4EE
F4E8F1
F6EDF4
F8F1F7
FAF6F9
FDFAFC

셰이드

CAB6C5
AC9BA8
90818C
746871
595057
40393F
292427
131012
030203

톤

DDC9D9
D2C1CE
C8B9C4
BDB0BA
B3A8B0
A8A0A6
9E989D
949093
8A8889

색 조화

보색 +180°

E8D2E3
Sonora Rose
CAE1D0
≈ Enchanted

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.42:1 · APCA Lc 20

Fail

검은색 위

WCAG 14.75:1 · APCA Lc 83

AAA

가장 좋은 글자색: #000000

WCAG 14.75:1 (AAA) · APCA Lc 83

Contrast pairs

코드 스니펫

CSS

:root {
  --sonora-rose: #e8d2e3;
  --sonora-rose-rgb: 232 210 227;
  --sonora-rose-oklch: oklch(0.887 0.033 333.6);
}

.element {
  color: var(--sonora-rose);
  background-color: hsl(314 32% 87%);
  border-color: oklch(0.887 0.033 333.6);
}

Tailwind CSS v4

@theme {
  --color-sonora-rose: #e8d2e3;
  --color-sonora-rose-50: #fcf2f9;
  --color-sonora-rose-100: #efe4ec;
  --color-sonora-rose-200: #decfda;
  --color-sonora-rose-300: #c3b1be;
  --color-sonora-rose-400: #ab97a7;
  --color-sonora-rose-500: #947e8f;
  --color-sonora-rose-600: #7d6b79;
  --color-sonora-rose-700: #645561;
  --color-sonora-rose-800: #493e48;
  --color-sonora-rose-900: #332b32;
  --color-sonora-rose-950: #1f181e;
}

SCSS

$sonora-rose: #e8d2e3;
$sonora-rose-rgb: 232, 210, 227;
$sonora-rose-light: mix(#fff, $sonora-rose, 20%);
$sonora-rose-dark: mix(#000, $sonora-rose, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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