이름 색상 · #D2C1B5
Rabbit’s Foot
Rabbit’s Foot은(는) #D2C1B5: rgb(210 193 181), hsl(25 24% 77%), oklch(0.822 0.025 57.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Rabbit’s Foot color name →
#D2C1B5
oklch(0.822 0.025 57.6)
색상 변환
- HEX
- #d2c1b5
- RGB
- rgb(210 193 181)
- HSL
- hsl(25 24% 77%)
- HWB
- hwb(25 71% 18%)
- OKLCH
- oklch(0.822 0.025 57.6)
- OKLab
- oklab(0.822 0.014 0.021)
- CIE Lab
- lab(79.25 4.72 8.34)
- LCH
- lch(79.25 9.58 60.5)
- CMYK
- cmyk(0% 8% 14% 18%)
틴트 · 셰이드 · 톤
틴트
- D6C7BC
- DBCDC3
- DFD3CB
- E4D9D2
- E8E0DA
- EDE6E1
- F1ECE8
- F6F2F0
- FAF9F7
셰이드
- B6A79D
- 9B8F86
- 81776F
- 685F59
- 504944
- 393430
- 24201D
- 100E0C
- 020202
톤
- CABAB0
- C1B4AA
- B9ADA5
- B0A69F
- A8A09A
- A09995
- 989390
- 908D8A
- 888685
색 조화
보색 +180°
- D2C1B5
Rabbit’s Foot
- B6C8D3
≈ Winter Blizzard
유사색 -30° +30°
- D2C1B5
Rabbit’s Foot
- D5BFBC
≈ Salmon Smoke
- CCC4B2
≈ Still Moment
삼각 배색 +120° +240°
- D2C1B5
Rabbit’s Foot
- B4CAC4
≈ Surf Spray
- C6C1D4
≈ Pale Violet
분열 보색 +150° +210°
- D2C1B5
Rabbit’s Foot
- B3CACD
≈ Floating Blue
- BDC5D6
≈ Himalayan Poppy
사각 배색 +90° +180° +270°
- D2C1B5
Rabbit’s Foot
- BAC9BB
≈ Tropical Cyclone
- B6C8D3
≈ Winter Blizzard
- CEBFCD
≈ Romantic Poetry
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.03:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--rabbit-s-foot: #d2c1b5;
--rabbit-s-foot-rgb: 210 193 181;
--rabbit-s-foot-oklch: oklch(0.822 0.025 57.6);
}
.element {
color: var(--rabbit-s-foot);
background-color: hsl(25 24% 77%);
border-color: oklch(0.822 0.025 57.6);
}Tailwind CSS v4
@theme {
--color-rabbit-s-foot: #d2c1b5;
--color-rabbit-s-foot-50: #fbf4ee;
--color-rabbit-s-foot-100: #efe6e0;
--color-rabbit-s-foot-200: #ddd2ca;
--color-rabbit-s-foot-300: #c2b5ab;
--color-rabbit-s-foot-400: #ab9b90;
--color-rabbit-s-foot-500: #948276;
--color-rabbit-s-foot-600: #7d6e64;
--color-rabbit-s-foot-700: #645850;
--color-rabbit-s-foot-800: #4a403a;
--color-rabbit-s-foot-900: #332c28;
--color-rabbit-s-foot-950: #1f1916;
}SCSS
$rabbit-s-foot: #d2c1b5;
$rabbit-s-foot-rgb: 210, 193, 181;
$rabbit-s-foot-light: mix(#fff, $rabbit-s-foot, 20%);
$rabbit-s-foot-dark: mix(#000, $rabbit-s-foot, 20%);
.element {
color: $rabbit-s-foot;
box-shadow: 0 0 0 2px rgba($rabbit-s-foot, 0.35);
}