이름 색상 · #BDB0A0

Discover

Discover은(는) #BDB0A0: rgb(189 176 160), hsl(33 18% 68%), oklch(0.764 0.027 73.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Discover color name →

#BDB0A0

oklch(0.764 0.027 73.1)

색상 변환

HEX: #bdb0a0
RGB: rgb(189 176 160)
HSL: hsl(33 18% 68%)
HWB: hwb(33 63% 26%)
OKLCH: oklch(0.764 0.027 73.1)
OKLab: oklab(0.764 0.008 0.026)
CIE Lab: lab(72.61 2.81 9.99)
LCH: lch(72.61 10.38 74.3)
CMYK: cmyk(0% 7% 15% 26%)

틴트 · 셰이드 · 톤

틴트

C3B8A9
CABFB2
D0C7BC
D7CFC5
DED7CF
E4DFD8
EBE7E2
F2EFEB
F8F7F5

셰이드

A4998B
8C8276
746C61
5D564E
47423B
332E29
1F1C19
0D0B09
020101

톤

B7AB9D
B0A69A
AAA196
A49D93
9E9890
98938D
928E8A
8C8986
868583

색 조화

보색 +180°

BDB0A0
Discover
A7B4C3
≈ Suds

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.12:1 · APCA Lc 42

Fail

검은색 위

WCAG 9.88:1 · APCA Lc 61

AAA

가장 좋은 글자색: #000000

WCAG 9.88:1 (AAA) · APCA Lc 61

Contrast pairs

코드 스니펫

CSS

:root {
  --discover: #bdb0a0;
  --discover-rgb: 189 176 160;
  --discover-oklch: oklch(0.764 0.027 73.1);
}

.element {
  color: var(--discover);
  background-color: hsl(33 18% 68%);
  border-color: oklch(0.764 0.027 73.1);
}

Tailwind CSS v4

@theme {
  --color-discover: #bdb0a0;
  --color-discover-50: #faf4ed;
  --color-discover-100: #ede7de;
  --color-discover-200: #dbd3c8;
  --color-discover-300: #c0b6a9;
  --color-discover-400: #a89c8d;
  --color-discover-500: #918473;
  --color-discover-600: #7b7061;
  --color-discover-700: #62594e;
  --color-discover-800: #484138;
  --color-discover-900: #322d27;
  --color-discover-950: #1e1a15;
}

SCSS

$discover: #bdb0a0;
$discover-rgb: 189, 176, 160;
$discover-light: mix(#fff, $discover, 20%);
$discover-dark: mix(#000, $discover, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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