이름 색상 · #D16169

Italiano Rose

Italiano Rose은(는) #D16169: rgb(209 97 105), hsl(356 55% 60%), oklch(0.631 0.142 17.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#D16169

oklch(0.631 0.142 17.7)

색상 변환

HEX: #d16169
RGB: rgb(209 97 105)
HSL: hsl(356 55% 60%)
HWB: hwb(356 38% 18%)
OKLCH: oklch(0.631 0.142 17.7)
OKLab: oklab(0.631 0.135 0.043)
CIE Lab: lab(55.7 45.67 18.04)
LCH: lch(55.7 49.11 21.6)
CMYK: cmyk(0% 54% 50% 18%)

틴트 · 셰이드 · 톤

틴트

D77277
DD8286
E39194
E8A1A3
EDB1B2
F2C0C1
F6D0D0
F9E0E0
FCEFEF

셰이드

B5535A
9B464C
81393E
682D31
502124
391518
230B0C
100304
020000

톤

CA656B
C2696E
BB6D70
B37073
AB7475
A37677
9B7979
927C7C
897E7E

색 조화

보색 +180°

D16169
Italiano Rose
009DA0
≈ Island Dream

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.73:1 · APCA Lc 64

Fail

검은색 위

WCAG 5.62:1 · APCA Lc 37

가장 좋은 글자색: #000000

WCAG 5.62:1 (AA) · APCA Lc 37

Contrast pairs

코드 스니펫

CSS

:root {
  --italiano-rose: #d16169;
  --italiano-rose-rgb: 209 97 105;
  --italiano-rose-oklch: oklch(0.631 0.142 17.7);
}

.element {
  color: var(--italiano-rose);
  background-color: hsl(356 55% 60%);
  border-color: oklch(0.631 0.142 17.7);
}

Tailwind CSS v4

@theme {
  --color-italiano-rose: #d16169;
  --color-italiano-rose-50: #ffe6e5;
  --color-italiano-rose-100: #ffd6d5;
  --color-italiano-rose-200: #ffbcbc;
  --color-italiano-rose-300: #f7999a;
  --color-italiano-rose-400: #e6797f;
  --color-italiano-rose-500: #d35862;
  --color-italiano-rose-600: #b24b54;
  --color-italiano-rose-700: #8f3c43;
  --color-italiano-rose-800: #6b2a32;
  --color-italiano-rose-900: #4b1d22;
  --color-italiano-rose-950: #310c11;
}

SCSS

$italiano-rose: #d16169;
$italiano-rose-rgb: 209, 97, 105;
$italiano-rose-light: mix(#fff, $italiano-rose, 20%);
$italiano-rose-dark: mix(#000, $italiano-rose, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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