가장 가까운 이름 색상 · #FBD7D2
#FBD7D2
가장 가까운 이름 색상: Bloodthirsty Beige
#FBD7D2(rgb(251 215 210), hsl(7 84% 90%), oklch(0.908 0.041 27.3))와 가장 가까운 이름 색상은 Bloodthirsty Beige입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FBD7D2
oklch(0.908 0.041 27.3)
색상 변환
- HEX
- #fbd7d2
- RGB
- rgb(251 215 210)
- HSL
- hsl(7 84% 90%)
- HWB
- hwb(7 82% 2%)
- OKLCH
- oklch(0.908 0.041 27.3)
- OKLab
- oklab(0.908 0.036 0.019)
- CIE Lab
- lab(88.96 12.37 7.37)
- LCH
- lch(88.96 14.39 30.8)
- CMYK
- cmyk(0% 14% 16% 2%)
틴트 · 셰이드 · 톤
틴트
- FCDBD6
- FCDFDB
- FDE3DF
- FDE7E4
- FDEBE8
- FEEFED
- FEF3F1
- FEF7F6
- FFFBFA
셰이드
- DABBB6
- BA9F9B
- 9C8581
- 7E6B68
- 615250
- 463B39
- 2D2524
- 151110
- 030202
톤
- EECEC9
- E1C5C1
- D5BCB9
- C8B3B0
- BCABA8
- B0A2A0
- A49998
- 989190
- 8C8888
색 조화
보색 +180°
- FBD7D2
Bloodthirsty Beige
- C2E9EF
≈ Niagara Mist
유사색 -30° +30°
- FBD7D2
Bloodthirsty Beige
- F9D6E1
≈ Pink Frosting
- F7DBC7
≈ Sweetness
삼각 배색 +120° +240°
- FBD7D2
Bloodthirsty Beige
- D0E9D1
≈ Venetian Pearl
- D4E1FD
≈ Contrail
분열 보색 +150° +210°
- FBD7D2
Bloodthirsty Beige
- C5EAE0
≈ Clear Aqua
- C8E5F9
≈ Icy Landscape
사각 배색 +90° +180° +270°
- FBD7D2
Bloodthirsty Beige
- DEE5C6
≈ Frost
- C2E9EF
≈ Niagara Mist
- E3DBF9
≈ Contrail
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.75:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--bloodthirsty-beige: #fbd7d2;
--bloodthirsty-beige-rgb: 251 215 210;
--bloodthirsty-beige-oklch: oklch(0.908 0.041 27.3);
}
.element {
color: var(--bloodthirsty-beige);
background-color: hsl(7 84% 90%);
border-color: oklch(0.908 0.041 27.3);
}Tailwind CSS v4
@theme {
--color-bloodthirsty-beige: #fbd7d2;
--color-bloodthirsty-beige-50: #fff1ee;
--color-bloodthirsty-beige-100: #f5e3e0;
--color-bloodthirsty-beige-200: #e5ceca;
--color-bloodthirsty-beige-300: #ccb0ab;
--color-bloodthirsty-beige-400: #b69691;
--color-bloodthirsty-beige-500: #a07c77;
--color-bloodthirsty-beige-600: #876965;
--color-bloodthirsty-beige-700: #6c5451;
--color-bloodthirsty-beige-800: #503d3b;
--color-bloodthirsty-beige-900: #382a29;
--color-bloodthirsty-beige-950: #221816;
}SCSS
$bloodthirsty-beige: #fbd7d2;
$bloodthirsty-beige-rgb: 251, 215, 210;
$bloodthirsty-beige-light: mix(#fff, $bloodthirsty-beige, 20%);
$bloodthirsty-beige-dark: mix(#000, $bloodthirsty-beige, 20%);
.element {
color: $bloodthirsty-beige;
box-shadow: 0 0 0 2px rgba($bloodthirsty-beige, 0.35);
}