命名颜色 · #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