이름 색상 · #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