이름 색상 · #A76464

Rose Marquee

Rose Marquee은(는) #A76464: rgb(167 100 100), hsl(0 28% 52%), oklch(0.578 0.087 20.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#A76464

oklch(0.578 0.087 20.1)

색상 변환

HEX: #a76464
RGB: rgb(167 100 100)
HSL: hsl(0 28% 52%)
HWB: hwb(0 39% 35%)
OKLCH: oklch(0.578 0.087 20.1)
OKLab: oklab(0.578 0.082 0.03)
CIE Lab: lab(50.1 27.74 12.19)
LCH: lch(50.1 30.3 23.7)
CMYK: cmyk(0% 40% 40% 35%)

틴트 · 셰이드 · 톤

틴트

B17372
BA8281
C39190
CCA09F
D5B0AF
DEBFBE
E6CFCE
EFDFDE
F7EFEF

셰이드

915656
7B4848
663B3B
522E2E
3E2222
2C1616
1A0B0B
0A0303
010000

톤

A46767
A06A6A
9D6D6C
99706F
957372
917675
8D7878
897B7A
857E7D

색 조화

보색 +180°

A76464
Rose Marquee
27898E
≈ Turkish Jade

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 4.51:1 · APCA Lc 71

검은색 위

WCAG 4.64:1 · APCA Lc 31

가장 좋은 글자색: #000000

WCAG 4.64:1 (AA) · APCA Lc 31

Contrast pairs

코드 스니펫

CSS

:root {
  --rose-marquee: #a76464;
  --rose-marquee-rgb: 167 100 100;
  --rose-marquee-oklch: oklch(0.578 0.087 20.1);
}

.element {
  color: var(--rose-marquee);
  background-color: hsl(0 28% 52%);
  border-color: oklch(0.578 0.087 20.1);
}

Tailwind CSS v4

@theme {
  --color-rose-marquee: #a76464;
  --color-rose-marquee-50: #ffecea;
  --color-rose-marquee-100: #ffdddb;
  --color-rose-marquee-200: #f8c6c4;
  --color-rose-marquee-300: #e1a6a3;
  --color-rose-marquee-400: #cd8a89;
  --color-rose-marquee-500: #b96e6e;
  --color-rose-marquee-600: #9c5d5d;
  --color-rose-marquee-700: #7d4a4a;
  --color-rose-marquee-800: #5d3637;
  --color-rose-marquee-900: #412525;
  --color-rose-marquee-950: #291314;
}

SCSS

$rose-marquee: #a76464;
$rose-marquee-rgb: 167, 100, 100;
$rose-marquee-light: mix(#fff, $rose-marquee, 20%);
$rose-marquee-dark: mix(#000, $rose-marquee, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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