이름 색상 · #D1AF90

Fossil Tan

Fossil Tan은(는) #D1AF90: rgb(209 175 144), hsl(29 41% 69%), oklch(0.776 0.058 64.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#D1AF90

oklch(0.776 0.058 64.2)

색상 변환

HEX: #d1af90
RGB: rgb(209 175 144)
HSL: hsl(29 41% 69%)
HWB: hwb(29 56% 18%)
OKLCH: oklch(0.776 0.058 64.2)
OKLab: oklab(0.776 0.025 0.052)
CIE Lab: lab(73.94 9.43 20.8)
LCH: lch(73.94 22.84 65.6)
CMYK: cmyk(0% 16% 31% 18%)

틴트 · 셰이드 · 톤

틴트

D6B79B
DABFA6
DFC7B1
E4CFBC
E8D7C7
EDDFD2
F1E7DD
F6EFE8
FBF7F4

셰이드

B5987D
9B816A
816B57
685645
504134
392E24
231C15
100B07
020101

톤

C9AA8F
C0A68D
B8A18C
B09C8A
A89789
A09387
988E85
908984
888582

색 조화

보색 +180°

D1AF90
Fossil Tan
97BBD9
≈ Manakin

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.04:1 · APCA Lc 40

Fail

검은색 위

WCAG 10.24:1 · APCA Lc 62

AAA

가장 좋은 글자색: #000000

WCAG 10.24:1 (AAA) · APCA Lc 62

Contrast pairs

코드 스니펫

CSS

:root {
  --fossil-tan: #d1af90;
  --fossil-tan-rgb: 209 175 144;
  --fossil-tan-oklch: oklch(0.776 0.058 64.2);
}

.element {
  color: var(--fossil-tan);
  background-color: hsl(29 41% 69%);
  border-color: oklch(0.776 0.058 64.2);
}

Tailwind CSS v4

@theme {
  --color-fossil-tan: #d1af90;
  --color-fossil-tan-50: #fff2e4;
  --color-fossil-tan-100: #f6e5d4;
  --color-fossil-tan-200: #e6d0bb;
  --color-fossil-tan-300: #ccb299;
  --color-fossil-tan-400: #b7987b;
  --color-fossil-tan-500: #a27e5d;
  --color-fossil-tan-600: #896b50;
  --color-fossil-tan-700: #6d563f;
  --color-fossil-tan-800: #513e2e;
  --color-fossil-tan-900: #392b1f;
  --color-fossil-tan-950: #23180f;
}

SCSS

$fossil-tan: #d1af90;
$fossil-tan-rgb: 209, 175, 144;
$fossil-tan-light: mix(#fff, $fossil-tan, 20%);
$fossil-tan-dark: mix(#000, $fossil-tan, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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