이름 색상 · #FBE4AF

Khaki Core

Khaki Core은(는) #FBE4AF: rgb(251 228 175), hsl(42 90% 84%), oklch(0.925 0.073 87.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Khaki Core color name →

#FBE4AF

oklch(0.925 0.073 87.3)

색상 변환

HEX: #fbe4af
RGB: rgb(251 228 175)
HSL: hsl(42 90% 84%)
HWB: hwb(42 69% 2%)
OKLCH: oklch(0.925 0.073 87.3)
OKLab: oklab(0.925 0.003 0.073)
CIE Lab: lab(91.54 2.49 28.98)
LCH: lch(91.54 29.08 85.1)
CMYK: cmyk(0% 9% 30% 2%)

틴트 · 셰이드 · 톤

틴트

FBE7B7
FCEABF
FCECC8
FDEFD0
FDF2D8
FDF4E0
FEF7E7
FEFAEF
FFFCF7

셰이드

DAC698
BAA981
9C8D6B
7E7256
615841
463F2E
2D281C
15120B
030301

톤

EEDAAB
E1CFA6
D5C5A1
C8BB9D
BCB198
AFA793
A39D8F
97938A
8C8A85

색 조화

보색 +180°

FBE4AF
Khaki Core
DCE6FF
≈ Lavender Mist

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.24:1 · APCA Lc 12

Fail

검은색 위

WCAG 16.81:1 · APCA Lc 92

AAA

가장 좋은 글자색: #000000

WCAG 16.81:1 (AAA) · APCA Lc 92

Contrast pairs

코드 스니펫

CSS

:root {
  --khaki-core: #fbe4af;
  --khaki-core-rgb: 251 228 175;
  --khaki-core-oklch: oklch(0.925 0.073 87.3);
}

.element {
  color: var(--khaki-core);
  background-color: hsl(42 90% 84%);
  border-color: oklch(0.925 0.073 87.3);
}

Tailwind CSS v4

@theme {
  --color-khaki-core: #fbe4af;
  --color-khaki-core-50: #fdf5de;
  --color-khaki-core-100: #f1e7cd;
  --color-khaki-core-200: #e1d3b2;
  --color-khaki-core-300: #c6b68d;
  --color-khaki-core-400: #b19c6c;
  --color-khaki-core-500: #9b834b;
  --color-khaki-core-600: #836f41;
  --color-khaki-core-700: #695933;
  --color-khaki-core-800: #4e4124;
  --color-khaki-core-900: #362c18;
  --color-khaki-core-950: #211909;
}

SCSS

$khaki-core: #fbe4af;
$khaki-core-rgb: 251, 228, 175;
$khaki-core-light: mix(#fff, $khaki-core, 20%);
$khaki-core-dark: mix(#000, $khaki-core, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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