이름 색상 · #DACBA9
Baked Bread
Baked Bread은(는) #DACBA9: rgb(218 203 169), hsl(42 40% 76%), oklch(0.846 0.048 87). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Baked Bread color name →
#DACBA9
oklch(0.846 0.048 87)
색상 변환
- HEX
- #dacba9
- RGB
- rgb(218 203 169)
- HSL
- hsl(42 40% 76%)
- HWB
- hwb(42 66% 15%)
- OKLCH
- oklch(0.846 0.048 87)
- OKLab
- oklab(0.846 0.003 0.048)
- CIE Lab
- lab(82.28 1.45 19.02)
- LCH
- lch(82.28 19.08 85.6)
- CMYK
- cmyk(0% 7% 22% 15%)
틴트 · 셰이드 · 톤
틴트
- DED0B2
- E1D5BA
- E5DAC3
- E9E0CB
- ECE5D4
- F0EADC
- F4EFE5
- F8F5EE
- FBFAF6
셰이드
- BDB092
- A2967C
- 877D67
- 6C6553
- 544D3F
- 3C372C
- 25221B
- 110F0A
- 020201
톤
- D1C3A5
- C7BCA1
- BEB49D
- B5AC99
- ACA595
- A39D91
- 9A968C
- 918F88
- 898784
색 조화
보색 +180°
- DACBA9
Baked Bread
- BECCED
≈ Frost Fairy
유사색 -30° +30°
- DACBA9
Baked Bread
- E6C5AE
≈ Pinkham
- CAD1AE
≈ Meadow Glen
삼각 배색 +120° +240°
- DACBA9
Baked Bread
- A8D6DC
≈ Rapture Blue
- DEC2DD
≈ Epiphany
분열 보색 +150° +210°
- DACBA9
Baked Bread
- AFD2E9
≈ Chapel Blue
- CFC6E9
≈ Italian Fitch
사각 배색 +90° +180° +270°
- DACBA9
Baked Bread
- ACD7CC
≈ Scud
- BECCED
≈ Frost Fairy
- E8C0CD
≈ Childlike
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.09:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--baked-bread: #dacba9;
--baked-bread-rgb: 218 203 169;
--baked-bread-oklch: oklch(0.846 0.048 87);
}
.element {
color: var(--baked-bread);
background-color: hsl(42 40% 76%);
border-color: oklch(0.846 0.048 87);
}Tailwind CSS v4
@theme {
--color-baked-bread: #dacba9;
--color-baked-bread-50: #fbf5e6;
--color-baked-bread-100: #eee7d6;
--color-baked-bread-200: #dcd4bd;
--color-baked-bread-300: #c1b79c;
--color-baked-bread-400: #ab9d7e;
--color-baked-bread-500: #948561;
--color-baked-bread-600: #7d7053;
--color-baked-bread-700: #645a42;
--color-baked-bread-800: #4a412f;
--color-baked-bread-900: #332d20;
--color-baked-bread-950: #1f1a0f;
}SCSS
$baked-bread: #dacba9;
$baked-bread-rgb: 218, 203, 169;
$baked-bread-light: mix(#fff, $baked-bread, 20%);
$baked-bread-dark: mix(#000, $baked-bread, 20%);
.element {
color: $baked-bread;
box-shadow: 0 0 0 2px rgba($baked-bread, 0.35);
}