이름 색상 · #D3B9B0
Cracker Crumbs
Cracker Crumbs은(는) #D3B9B0: rgb(211 185 176), hsl(15 28% 76%), oklch(0.805 0.033 40.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cracker Crumbs color name →
#D3B9B0
oklch(0.805 0.033 40.1)
색상 변환
- HEX
- #d3b9b0
- RGB
- rgb(211 185 176)
- HSL
- hsl(15 28% 76%)
- HWB
- hwb(15 69% 17%)
- OKLCH
- oklch(0.805 0.033 40.1)
- OKLab
- oklab(0.805 0.025 0.021)
- CIE Lab
- lab(77.22 8.52 8.17)
- LCH
- lch(77.22 11.81 43.8)
- CMYK
- cmyk(0% 12% 17% 17%)
틴트 · 셰이드 · 톤
틴트
- D7C0B8
- DCC7BF
- E0CEC7
- E5D5CF
- E9DCD7
- EEE3DF
- F2EAE7
- F6F1EF
- FBF8F7
셰이드
- B7A099
- 9C8982
- 82716C
- 695B56
- 514642
- 3A312E
- 241E1C
- 100D0B
- 020201
톤
- CAB3AB
- C2ADA6
- B9A8A1
- B1A29D
- A99C98
- A19693
- 98918E
- 908B89
- 888685
색 조화
보색 +180°
- D3B9B0
Cracker Crumbs
- A9C5CE
≈ Salt Spray
유사색 -30° +30°
- D3B9B0
Cracker Crumbs
- D3B7BB
≈ Rose Stain
- CDBCA9
≈ Attic Linen
삼각 배색 +120° +240°
- D3B9B0
Cracker Crumbs
- AEC6B8
≈ Pine Whisper
- BBBED5
≈ Hazy Sky
분열 보색 +150° +210°
- D3B9B0
Cracker Crumbs
- A9C7C4
≈ Peppermint Pie
- B0C2D4
≈ Airway
사각 배색 +90° +180° +270°
- D3B9B0
Cracker Crumbs
- B9C4AE
≈ Arbor Vitae
- A9C5CE
≈ Salt Spray
- C6BAD0
≈ Fog Syringa
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.85:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.33:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--cracker-crumbs: #d3b9b0;
--cracker-crumbs-rgb: 211 185 176;
--cracker-crumbs-oklch: oklch(0.805 0.033 40.1);
}
.element {
color: var(--cracker-crumbs);
background-color: hsl(15 28% 76%);
border-color: oklch(0.805 0.033 40.1);
}Tailwind CSS v4
@theme {
--color-cracker-crumbs: #d3b9b0;
--color-cracker-crumbs-50: #fef2ee;
--color-cracker-crumbs-100: #f2e5e0;
--color-cracker-crumbs-200: #e1d0ca;
--color-cracker-crumbs-300: #c7b2ab;
--color-cracker-crumbs-400: #b09890;
--color-cracker-crumbs-500: #9a7f76;
--color-cracker-crumbs-600: #826c64;
--color-cracker-crumbs-700: #685650;
--color-cracker-crumbs-800: #4d3f3a;
--color-cracker-crumbs-900: #352b28;
--color-cracker-crumbs-950: #201816;
}SCSS
$cracker-crumbs: #d3b9b0;
$cracker-crumbs-rgb: 211, 185, 176;
$cracker-crumbs-light: mix(#fff, $cracker-crumbs, 20%);
$cracker-crumbs-dark: mix(#000, $cracker-crumbs, 20%);
.element {
color: $cracker-crumbs;
box-shadow: 0 0 0 2px rgba($cracker-crumbs, 0.35);
}