이름 색상 · #C5703F

Adobe Dusk

Adobe Dusk은(는) #C5703F: rgb(197 112 63), hsl(22 54% 51%), oklch(0.631 0.125 49). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Adobe Dusk color name →

#C5703F

oklch(0.631 0.125 49)

색상 변환

HEX: #c5703f
RGB: rgb(197 112 63)
HSL: hsl(22 54% 51%)
HWB: hwb(22 25% 23%)
OKLCH: oklch(0.631 0.125 49)
OKLab: oklab(0.631 0.082 0.094)
CIE Lab: lab(56.43 31.44 41.86)
LCH: lch(56.43 52.35 53.1)
CMYK: cmyk(0% 43% 68% 23%)

틴트 · 셰이드 · 톤

틴트

CC7E54
D38D67
D99B7A
DFA98D
E5B7A0
EBC6B2
F0D4C5
F5E2D8
FAF1EC

셰이드

AB6035
92512C
794323
61351B
4B2712
351A0A
210E04
0E0401
020100

톤

BF7248
B8744F
B27656
AB785D
A47A63
9D7B6A
967D6F
8F7E75
887F7B

색 조화

보색 +180°

C5703F
Adobe Dusk
0096C5
≈ Atomic Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.64:1 · APCA Lc 64

Fail

검은색 위

WCAG 5.76:1 · APCA Lc 38

가장 좋은 글자색: #000000

WCAG 5.76:1 (AA) · APCA Lc 38

Contrast pairs

코드 스니펫

CSS

:root {
  --adobe-dusk: #c5703f;
  --adobe-dusk-rgb: 197 112 63;
  --adobe-dusk-oklch: oklch(0.631 0.125 49);
}

.element {
  color: var(--adobe-dusk);
  background-color: hsl(22 54% 51%);
  border-color: oklch(0.631 0.125 49);
}

Tailwind CSS v4

@theme {
  --color-adobe-dusk: #c5703f;
  --color-adobe-dusk-50: #ffecd5;
  --color-adobe-dusk-100: #ffddc3;
  --color-adobe-dusk-200: #ffc6a4;
  --color-adobe-dusk-300: #eba57c;
  --color-adobe-dusk-400: #da8759;
  --color-adobe-dusk-500: #c76931;
  --color-adobe-dusk-600: #a85a2b;
  --color-adobe-dusk-700: #874722;
  --color-adobe-dusk-800: #653318;
  --color-adobe-dusk-900: #472310;
  --color-adobe-dusk-950: #2e1103;
}

SCSS

$adobe-dusk: #c5703f;
$adobe-dusk-rgb: 197, 112, 63;
$adobe-dusk-light: mix(#fff, $adobe-dusk, 20%);
$adobe-dusk-dark: mix(#000, $adobe-dusk, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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