이름 색상 · #DCD3B2

Suna White

Suna White은(는) #DCD3B2: rgb(220 211 178), hsl(47 38% 78%), oklch(0.866 0.045 94.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Suna White color name →

#DCD3B2

oklch(0.866 0.045 94.5)

색상 변환

HEX: #dcd3b2
RGB: rgb(220 211 178)
HSL: hsl(47 38% 78%)
HWB: hwb(47 70% 14%)
OKLCH: oklch(0.866 0.045 94.5)
OKLab: oklab(0.866 -0.004 0.045)
CIE Lab: lab(84.65 -0.74 17.59)
LCH: lch(84.65 17.61 92.4)
CMYK: cmyk(0% 4% 19% 14%)

틴트 · 셰이드 · 톤

틴트

DFD7BA
E3DCC1
E6E0C9
EAE5D1
EDE9D8
F1EDE0
F4F2E8
F8F6EF
FBFBF7

셰이드

BFB79A
A39C83
88826D
6E6957
545143
3C3A2F
26241D
11100C
020201

톤

D2CAAD
C9C2A8
BFB9A3
B6B19E
ADA999
A4A094
9B988F
92908A
898885

색 조화

보색 +180°

DCD3B2
Suna White
C9D1F1
≈ Frozen Periwinkle

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.49:1 · APCA Lc 23

Fail

검은색 위

WCAG 14.00:1 · APCA Lc 80

AAA

가장 좋은 글자색: #000000

WCAG 14.00:1 (AAA) · APCA Lc 80

Contrast pairs

코드 스니펫

CSS

:root {
  --suna-white: #dcd3b2;
  --suna-white-rgb: 220 211 178;
  --suna-white-oklch: oklch(0.866 0.045 94.5);
}

.element {
  color: var(--suna-white);
  background-color: hsl(47 38% 78%);
  border-color: oklch(0.866 0.045 94.5);
}

Tailwind CSS v4

@theme {
  --color-suna-white: #dcd3b2;
  --color-suna-white-50: #f9f5e7;
  --color-suna-white-100: #ece8d8;
  --color-suna-white-200: #d9d5bf;
  --color-suna-white-300: #beb89e;
  --color-suna-white-400: #a79f81;
  --color-suna-white-500: #908664;
  --color-suna-white-600: #797255;
  --color-suna-white-700: #615b44;
  --color-suna-white-800: #484231;
  --color-suna-white-900: #322e21;
  --color-suna-white-950: #1e1a10;
}

SCSS

$suna-white: #dcd3b2;
$suna-white-rgb: 220, 211, 178;
$suna-white-light: mix(#fff, $suna-white, 20%);
$suna-white-dark: mix(#000, $suna-white, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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