命名颜色 · #DCBBBE

Shy Smile

Shy Smile 即 #DCBBBE：rgb(220 187 190)、hsl(355 32% 80%)、oklch(0.821 0.038 11.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Pink mean? → · Shy Smile color name →

#DCBBBE

oklch(0.821 0.038 11.8)

颜色转换

HEX: #dcbbbe
RGB: rgb(220 187 190)
HSL: hsl(355 32% 80%)
HWB: hwb(355 73% 14%)
OKLCH: oklch(0.821 0.038 11.8)
OKLab: oklab(0.821 0.037 0.008)
CIE Lab: lab(78.85 12.53 3.1)
LCH: lch(78.85 12.91 13.9)
CMYK: cmyk(0% 15% 14% 14%)

浅色调 · 深色调 · 灰色调

浅色调

E0C2C4
E3C8CB
E7CFD1
EAD6D8
EEDDDE
F1E3E5
F5EAEB
F8F1F2
FCF8F8

深色调

BFA2A5
A38A8C
887375
6E5C5E
544648
3C3233
261F1F
110D0D
020202

灰色调

D3B5B8
C9AFB1
C0A9AB
B6A3A5
AD9D9E
A49798
9B9192
928C8C
898686

配色和谐

互补色 +180°

DCBBBE
Shy Smile
A9CDCB
≈ Blue Angora

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 1.76:1 · APCA Lc 32

Fail

黑底

WCAG 11.89:1 · APCA Lc 70

AAA

最佳文字颜色: #000000

WCAG 11.89:1 (AAA) · APCA Lc 70

Contrast pairs

代码片段

CSS

:root {
  --shy-smile: #dcbbbe;
  --shy-smile-rgb: 220 187 190;
  --shy-smile-oklch: oklch(0.821 0.038 11.8);
}

.element {
  color: var(--shy-smile);
  background-color: hsl(355 32% 80%);
  border-color: oklch(0.821 0.038 11.8);
}

Tailwind CSS v4

@theme {
  --color-shy-smile: #dcbbbe;
  --color-shy-smile-50: #fff1f2;
  --color-shy-smile-100: #f4e3e4;
  --color-shy-smile-200: #e4cecf;
  --color-shy-smile-300: #cab0b1;
  --color-shy-smile-400: #b49698;
  --color-shy-smile-500: #9e7c7f;
  --color-shy-smile-600: #85696c;
  --color-shy-smile-700: #6b5456;
  --color-shy-smile-800: #4f3d3f;
  --color-shy-smile-900: #372a2c;
  --color-shy-smile-950: #211819;
}

SCSS

$shy-smile: #dcbbbe;
$shy-smile-rgb: 220, 187, 190;
$shy-smile-light: mix(#fff, $shy-smile, 20%);
$shy-smile-dark: mix(#000, $shy-smile, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API