이름 색상 · #F4DDA5

Cutlery Polish

Cutlery Polish은(는) #F4DDA5: rgb(244 221 165), hsl(43 78% 80%), oklch(0.903 0.076 88.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Cutlery Polish color name →

#F4DDA5

oklch(0.903 0.076 88.3)

색상 변환

HEX: #f4dda5
RGB: rgb(244 221 165)
HSL: hsl(43 78% 80%)
HWB: hwb(43 65% 4%)
OKLCH: oklch(0.903 0.076 88.3)
OKLab: oklab(0.903 0.002 0.076)
CIE Lab: lab(89.04 2.28 30.61)
LCH: lch(89.04 30.7 85.7)
CMYK: cmyk(0% 9% 32% 4%)

틴트 · 셰이드 · 톤

틴트

F5E0AE
F6E4B8
F7E7C1
F8EBCA
FAEED3
FBF2DC
FCF5E4
FDF8ED
FEFCF6

셰이드

D4C08F
B5A479
978865
7A6E51
5E553D
443D2B
2B261A
14110A
030201

톤

E8D3A2
DCCA9E
D0C09B
C4B797
B8AE93
ADA490
A19B8C
969288
8B8984

색 조화

보색 +180°

F4DDA5
Cutlery Polish
D2DFFF
≈ Arc Light

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.33:1 · APCA Lc 16

Fail

검은색 위

WCAG 15.73:1 · APCA Lc 87

AAA

가장 좋은 글자색: #000000

WCAG 15.73:1 (AAA) · APCA Lc 87

Contrast pairs

코드 스니펫

CSS

:root {
  --cutlery-polish: #f4dda5;
  --cutlery-polish-rgb: 244 221 165;
  --cutlery-polish-oklch: oklch(0.903 0.076 88.3);
}

.element {
  color: var(--cutlery-polish);
  background-color: hsl(43 78% 80%);
  border-color: oklch(0.903 0.076 88.3);
}

Tailwind CSS v4

@theme {
  --color-cutlery-polish: #f4dda5;
  --color-cutlery-polish-50: #fdf5dd;
  --color-cutlery-polish-100: #f2e7cc;
  --color-cutlery-polish-200: #e1d4b0;
  --color-cutlery-polish-300: #c6b68b;
  --color-cutlery-polish-400: #b19c69;
  --color-cutlery-polish-500: #9b8348;
  --color-cutlery-polish-600: #836f3e;
  --color-cutlery-polish-700: #695931;
  --color-cutlery-polish-800: #4e4122;
  --color-cutlery-polish-900: #362d16;
  --color-cutlery-polish-950: #211908;
}

SCSS

$cutlery-polish: #f4dda5;
$cutlery-polish-rgb: 244, 221, 165;
$cutlery-polish-light: mix(#fff, $cutlery-polish, 20%);
$cutlery-polish-dark: mix(#000, $cutlery-polish, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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