이름 색상 · #E08395

Rose Soiree

Rose Soiree은(는) #E08395: rgb(224 131 149), hsl(348 60% 70%), oklch(0.714 0.116 8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Rose Soiree color name →

#E08395

oklch(0.714 0.116 8)

색상 변환

HEX: #e08395
RGB: rgb(224 131 149)
HSL: hsl(348 60% 70%)
HWB: hwb(348 51% 12%)
OKLCH: oklch(0.714 0.116 8)
OKLab: oklab(0.714 0.115 0.016)
CIE Lab: lab(65.5 38.11 6.72)
LCH: lch(65.5 38.7 10)
CMYK: cmyk(0% 42% 33% 12%)

틴트 · 셰이드 · 톤

틴트

E4909F
E89CA9
ECA8B4
F0B5BE
F3C1C9
F6CDD3
F9DADE
FBE6E9
FDF3F4

셰이드

C37181
A6606D
8A4F5A
703F48
562F37
3E2026
271216
120608
020101

톤

D78393
CD8391
C4838F
BB838D
B1838A
A88388
9E8286
948184
8A8182

색 조화

보색 +180°

E08395
Rose Soiree
2BBAB0
≈ Message Green

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.67:1 · APCA Lc 52

Fail

검은색 위

WCAG 7.84:1 · APCA Lc 50

AAA

가장 좋은 글자색: #000000

WCAG 7.84:1 (AAA) · APCA Lc 50

Contrast pairs

코드 스니펫

CSS

:root {
  --rose-soiree: #e08395;
  --rose-soiree-rgb: 224 131 149;
  --rose-soiree-oklch: oklch(0.714 0.116 8);
}

.element {
  color: var(--rose-soiree);
  background-color: hsl(348 60% 70%);
  border-color: oklch(0.714 0.116 8);
}

Tailwind CSS v4

@theme {
  --color-rose-soiree: #e08395;
  --color-rose-soiree-50: #ffe8ed;
  --color-rose-soiree-100: #ffd9df;
  --color-rose-soiree-200: #ffc0c9;
  --color-rose-soiree-300: #ec9faa;
  --color-rose-soiree-400: #d88191;
  --color-rose-soiree-500: #c56277;
  --color-rose-soiree-600: #a65465;
  --color-rose-soiree-700: #864351;
  --color-rose-soiree-800: #63303c;
  --color-rose-soiree-900: #462029;
  --color-rose-soiree-950: #2d1017;
}

SCSS

$rose-soiree: #e08395;
$rose-soiree-rgb: 224, 131, 149;
$rose-soiree-light: mix(#fff, $rose-soiree, 20%);
$rose-soiree-dark: mix(#000, $rose-soiree, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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