이름 색상 · #EBB5B3

Naked Rose

Naked Rose은(는) #EBB5B3: rgb(235 181 179), hsl(2 58% 81%), oklch(0.821 0.063 21). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Pink mean? → · Naked Rose color name →

#EBB5B3

oklch(0.821 0.063 21)

색상 변환

HEX: #ebb5b3
RGB: rgb(235 181 179)
HSL: hsl(2 58% 81%)
HWB: hwb(2 70% 8%)
OKLCH: oklch(0.821 0.063 21)
OKLab: oklab(0.821 0.059 0.023)
CIE Lab: lab(78.66 19.96 8.98)
LCH: lch(78.66 21.89 24.2)
CMYK: cmyk(0% 23% 24% 8%)

틴트 · 셰이드 · 톤

틴트

EDBCBA
F0C4C2
F2CBC9
F4D2D1
F6DAD8
F8E1E0
FAE9E8
FCF0EF
FDF8F7

셰이드

CC9D9B
AE8684
916F6E
755958
5B4443
41302F
291D1D
130C0C
030201

톤

E0B0AE
D5AAA9
CAA5A3
C0A09E
B59A99
AA9594
A0908F
958B8A
8A8585

색 조화

보색 +180°

EBB5B3
Naked Rose
94D1D5
≈ Aroma Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.78:1 · APCA Lc 33

Fail

검은색 위

WCAG 11.79:1 · APCA Lc 70

AAA

가장 좋은 글자색: #000000

WCAG 11.79:1 (AAA) · APCA Lc 70

Contrast pairs

코드 스니펫

CSS

:root {
  --naked-rose: #ebb5b3;
  --naked-rose-rgb: 235 181 179;
  --naked-rose-oklch: oklch(0.821 0.063 21);
}

.element {
  color: var(--naked-rose);
  background-color: hsl(2 58% 81%);
  border-color: oklch(0.821 0.063 21);
}

Tailwind CSS v4

@theme {
  --color-naked-rose: #ebb5b3;
  --color-naked-rose-50: #ffefed;
  --color-naked-rose-100: #fde0de;
  --color-naked-rose-200: #eecac8;
  --color-naked-rose-300: #d6aba8;
  --color-naked-rose-400: #c1908e;
  --color-naked-rose-500: #ac7674;
  --color-naked-rose-600: #926462;
  --color-naked-rose-700: #75504f;
  --color-naked-rose-800: #563a3a;
  --color-naked-rose-900: #3c2727;
  --color-naked-rose-950: #261516;
}

SCSS

$naked-rose: #ebb5b3;
$naked-rose-rgb: 235, 181, 179;
$naked-rose-light: mix(#fff, $naked-rose, 20%);
$naked-rose-dark: mix(#000, $naked-rose, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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