이름 색상 · #DB899E

Reflecting Rose

Reflecting Rose은(는) #DB899E: rgb(219 137 158), hsl(345 53% 70%), oklch(0.721 0.103 3.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#DB899E

oklch(0.721 0.103 3.4)

색상 변환

HEX: #db899e
RGB: rgb(219 137 158)
HSL: hsl(345 53% 70%)
HWB: hwb(345 54% 14%)
OKLCH: oklch(0.721 0.103 3.4)
OKLab: oklab(0.721 0.103 0.006)
CIE Lab: lab(66.34 34.1 2.75)
LCH: lch(66.34 34.21 4.6)
CMYK: cmyk(0% 37% 28% 14%)

틴트 · 셰이드 · 톤

틴트

E095A7
E4A1B1
E8ACBA
ECB8C4
F0C4CD
F3CFD7
F6DBE1
FAE7EB
FCF3F5

셰이드

BE7689
A26474
875360
6D424D
54313A
3C2229
261418
110709
020101

톤

D2889B
C98898
C08795
B78692
AE868F
A5858C
9C8489
938286
8A8183

색 조화

보색 +180°

DB899E
Reflecting Rose
4BBAAB
≈ Tropical Escape

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.59:1 · APCA Lc 51

Fail

검은색 위

WCAG 8.08:1 · APCA Lc 51

AAA

가장 좋은 글자색: #000000

WCAG 8.08:1 (AAA) · APCA Lc 51

Contrast pairs

코드 스니펫

CSS

:root {
  --reflecting-rose: #db899e;
  --reflecting-rose-rgb: 219 137 158;
  --reflecting-rose-oklch: oklch(0.721 0.103 3.4);
}

.element {
  color: var(--reflecting-rose);
  background-color: hsl(345 53% 70%);
  border-color: oklch(0.721 0.103 3.4);
}

Tailwind CSS v4

@theme {
  --color-reflecting-rose: #db899e;
  --color-reflecting-rose-50: #ffeaf1;
  --color-reflecting-rose-100: #ffdae3;
  --color-reflecting-rose-200: #fcc3ce;
  --color-reflecting-rose-300: #e6a2b0;
  --color-reflecting-rose-400: #d28498;
  --color-reflecting-rose-500: #be677f;
  --color-reflecting-rose-600: #a0586c;
  --color-reflecting-rose-700: #814656;
  --color-reflecting-rose-800: #5f3240;
  --color-reflecting-rose-900: #43222c;
  --color-reflecting-rose-950: #2b1119;
}

SCSS

$reflecting-rose: #db899e;
$reflecting-rose-rgb: 219, 137, 158;
$reflecting-rose-light: mix(#fff, $reflecting-rose, 20%);
$reflecting-rose-dark: mix(#000, $reflecting-rose, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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