이름 색상 · #FAA76C

Trump Tan

Trump Tan은(는) #FAA76C: rgb(250 167 108), hsl(25 93% 70%), oklch(0.798 0.124 55.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#FAA76C

oklch(0.798 0.124 55.3)

색상 변환

HEX: #faa76c
RGB: rgb(250 167 108)
HSL: hsl(25 93% 70%)
HWB: hwb(25 42% 2%)
OKLCH: oklch(0.798 0.124 55.3)
OKLab: oklab(0.798 0.07 0.102)
CIE Lab: lab(76 27.25 43.36)
LCH: lch(76 51.21 57.8)
CMYK: cmyk(0% 33% 57% 2%)

틴트 · 셰이드 · 톤

틴트

FBB07C
FDB98B
FDC29A
FECBA9
FFD4B7
FFDCC6
FFE5D4
FFEEE2
FFF6F1

셰이드

D9915D
BA7B4E
9B6640
7D5232
613E25
462C19
2D1A0D
150A04
030100

톤

EEA36F
E1A072
D59C75
C99877
BD9479
B1917B
A58D7D
98887E
8C847F

색 조화

보색 +180°

FAA76C
Trump Tan
68C9FF
≈ Skyan

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.94:1 · APCA Lc 37

Fail

검은색 위

WCAG 10.80:1 · APCA Lc 65

AAA

가장 좋은 글자색: #000000

WCAG 10.80:1 (AAA) · APCA Lc 65

Contrast pairs

코드 스니펫

CSS

:root {
  --trump-tan: #faa76c;
  --trump-tan-rgb: 250 167 108;
  --trump-tan-oklch: oklch(0.798 0.124 55.3);
}

.element {
  color: var(--trump-tan);
  background-color: hsl(25 93% 70%);
  border-color: oklch(0.798 0.124 55.3);
}

Tailwind CSS v4

@theme {
  --color-trump-tan: #faa76c;
  --color-trump-tan-50: #ffedd3;
  --color-trump-tan-100: #ffdec0;
  --color-trump-tan-200: #fec8a1;
  --color-trump-tan-300: #e8a777;
  --color-trump-tan-400: #d68a52;
  --color-trump-tan-500: #c36d25;
  --color-trump-tan-600: #a55c22;
  --color-trump-tan-700: #844a1b;
  --color-trump-tan-800: #633513;
  --color-trump-tan-900: #45240c;
  --color-trump-tan-950: #2d1201;
}

SCSS

$trump-tan: #faa76c;
$trump-tan-rgb: 250, 167, 108;
$trump-tan-light: mix(#fff, $trump-tan, 20%);
$trump-tan-dark: mix(#000, $trump-tan, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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