이름 색상 · #DBA37E

Nice Tan

Nice Tan은(는) #DBA37E: rgb(219 163 126), hsl(24 56% 68%), oklch(0.759 0.083 54.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Nice Tan color name →

#DBA37E

oklch(0.759 0.083 54.5)

색상 변환

HEX: #dba37e
RGB: rgb(219 163 126)
HSL: hsl(24 56% 68%)
HWB: hwb(24 49% 14%)
OKLCH: oklch(0.759 0.083 54.5)
OKLab: oklab(0.759 0.048 0.068)
CIE Lab: lab(71.75 17.99 27.76)
LCH: lch(71.75 33.08 57)
CMYK: cmyk(0% 26% 42% 14%)

틴트 · 셰이드 · 톤

틴트

DFAC8B
E3B598
E7BEA4
EBC8B1
EED1BE
F2DACB
F5E3D8
F9ECE5
FCF6F2

셰이드

BE8D6D
A2785C
87634C
6D4F3C
543C2D
3C2A1F
261911
110A05
020101

톤

D2A07F
C99C7F
C09980
B69580
AD9280
A48E80
9B8B80
928780
898480

색 조화

보색 +180°

DBA37E
Nice Tan
7BBADE
≈ 21st Century Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.19:1 · APCA Lc 43

Fail

검은색 위

WCAG 9.55:1 · APCA Lc 59

AAA

가장 좋은 글자색: #000000

WCAG 9.55:1 (AAA) · APCA Lc 59

Contrast pairs

코드 스니펫

CSS

:root {
  --nice-tan: #dba37e;
  --nice-tan-rgb: 219 163 126;
  --nice-tan-oklch: oklch(0.759 0.083 54.5);
}

.element {
  color: var(--nice-tan);
  background-color: hsl(24 56% 68%);
  border-color: oklch(0.759 0.083 54.5);
}

Tailwind CSS v4

@theme {
  --color-nice-tan: #dba37e;
  --color-nice-tan-50: #fff0df;
  --color-nice-tan-100: #ffe2ce;
  --color-nice-tan-200: #f1ccb2;
  --color-nice-tan-300: #d9ad8e;
  --color-nice-tan-400: #c6916f;
  --color-nice-tan-500: #b1774f;
  --color-nice-tan-600: #966543;
  --color-nice-tan-700: #785035;
  --color-nice-tan-800: #593a26;
  --color-nice-tan-900: #3e281a;
  --color-nice-tan-950: #27160a;
}

SCSS

$nice-tan: #dba37e;
$nice-tan-rgb: 219, 163, 126;
$nice-tan-light: mix(#fff, $nice-tan, 20%);
$nice-tan-dark: mix(#000, $nice-tan, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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