이름 색상 · #DBC2AB
Old Bone
Old Bone은(는) #DBC2AB: rgb(219 194 171), hsl(29 40% 76%), oklch(0.829 0.042 64.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Old Bone color name →
#DBC2AB
oklch(0.829 0.042 64.8)
색상 변환
- HEX
- #dbc2ab
- RGB
- rgb(219 194 171)
- HSL
- hsl(29 40% 76%)
- HWB
- hwb(29 67% 14%)
- OKLCH
- oklch(0.829 0.042 64.8)
- OKLab
- oklab(0.829 0.018 0.038)
- CIE Lab
- lab(80.13 6.5 15.03)
- LCH
- lch(80.13 16.37 66.6)
- CMYK
- cmyk(0% 11% 22% 14%)
틴트 · 셰이드 · 톤
틴트
- DFC8B3
- E2CEBC
- E6D4C4
- EADACC
- EDE0D5
- F1E6DD
- F4ECE5
- F8F3EE
- FBF9F6
셰이드
- BEA894
- A28F7E
- 877768
- 6D6054
- 544940
- 3C342D
- 26201B
- 110E0B
- 020201
톤
- D2BBA7
- C8B4A2
- BFAE9E
- B6A79A
- ADA095
- A39A91
- 9B938D
- 928D89
- 898684
색 조화
보색 +180°
- DBC2AB
Old Bone
- B1CBE1
≈ Charted
유사색 -30° +30°
- DBC2AB
Old Bone
- E1BEB5
≈ Muddy Rose
- CFC7A9
≈ Wild Hillside
삼각 배색 +120° +240°
- DBC2AB
Old Bone
- A9D0CA
≈ Sea Inspired
- CDC1DE
≈ Fresh Heather
분열 보색 +150° +210°
- DBC2AB
Old Bone
- A9CFD8
≈ Hisoku Blue
- BEC6E3
≈ California Lilac
사각 배색 +90° +180° +270°
- DBC2AB
Old Bone
- B2D0BB
≈ Gossamer Green
- B1CBE1
≈ Charted
- D9BDD2
≈ Lovely Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.31:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--old-bone: #dbc2ab;
--old-bone-rgb: 219 194 171;
--old-bone-oklch: oklch(0.829 0.042 64.8);
}
.element {
color: var(--old-bone);
background-color: hsl(29 40% 76%);
border-color: oklch(0.829 0.042 64.8);
}Tailwind CSS v4
@theme {
--color-old-bone: #dbc2ab;
--color-old-bone-50: #fef3e9;
--color-old-bone-100: #f2e6d9;
--color-old-bone-200: #e1d1c2;
--color-old-bone-300: #c7b4a1;
--color-old-bone-400: #b19a85;
--color-old-bone-500: #9a8169;
--color-old-bone-600: #826d59;
--color-old-bone-700: #685747;
--color-old-bone-800: #4d3f33;
--color-old-bone-900: #362c23;
--color-old-bone-950: #211912;
}SCSS
$old-bone: #dbc2ab;
$old-bone-rgb: 219, 194, 171;
$old-bone-light: mix(#fff, $old-bone, 20%);
$old-bone-dark: mix(#000, $old-bone, 20%);
.element {
color: $old-bone;
box-shadow: 0 0 0 2px rgba($old-bone, 0.35);
}