이름 색상 · #C8AC89
Dwarf Rabbit
Dwarf Rabbit은(는) #C8AC89: rgb(200 172 137), hsl(33 36% 66%), oklch(0.76 0.058 73). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Dwarf Rabbit color name →
#C8AC89
oklch(0.76 0.058 73)
색상 변환
- HEX
- #c8ac89
- RGB
- rgb(200 172 137)
- HSL
- hsl(33 36% 66%)
- HWB
- hwb(33 54% 22%)
- OKLCH
- oklch(0.76 0.058 73)
- OKLab
- oklab(0.76 0.017 0.055)
- CIE Lab
- lab(72.19 6.7 22.03)
- LCH
- lch(72.19 23.02 73.1)
- CMYK
- cmyk(0% 14% 32% 22%)
틴트 · 셰이드 · 톤
틴트
- CEB495
- D3BCA0
- D9C5AC
- DECDB8
- E4D5C3
- E9DDCF
- EFE6DB
- F4EEE7
- FAF7F3
셰이드
- AE9576
- 947F64
- 7B6953
- 635442
- 4C4031
- 362D22
- 211B14
- 0F0B07
- 020101
톤
- C1A888
- B9A388
- B29F87
- AB9A86
- A49685
- 9C9284
- 958D83
- 8E8982
- 878481
색 조화
보색 +180°
- C8AC89
Dwarf Rabbit
- 98B4D6
≈ Echo Isles Water
유사색 -30° +30°
- C8AC89
Dwarf Rabbit
- D2A694
≈ Tiffany Rose
- B7B389
≈ Powdered Sage
삼각 배색 +120° +240°
- C8AC89
Dwarf Rabbit
- 86BDBB
≈ Riverbed
- BEA7CC
≈ Immortal
분열 보색 +150° +210°
- C8AC89
Dwarf Rabbit
- 89BACC
≈ Juvie
- ABADD5
≈ Melody Purple
사각 배색 +90° +180° +270°
- C8AC89
Dwarf Rabbit
- 90BDA7
≈ Lichen
- 98B4D6
≈ Echo Isles Water
- CCA3BB
≈ Exquisite
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.16:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.71:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--dwarf-rabbit: #c8ac89;
--dwarf-rabbit-rgb: 200 172 137;
--dwarf-rabbit-oklch: oklch(0.76 0.058 73);
}
.element {
color: var(--dwarf-rabbit);
background-color: hsl(33 36% 66%);
border-color: oklch(0.76 0.058 73);
}Tailwind CSS v4
@theme {
--color-dwarf-rabbit: #c8ac89;
--color-dwarf-rabbit-50: #fff3e3;
--color-dwarf-rabbit-100: #f4e6d3;
--color-dwarf-rabbit-200: #e3d1ba;
--color-dwarf-rabbit-300: #c9b497;
--color-dwarf-rabbit-400: #b49a79;
--color-dwarf-rabbit-500: #9e805b;
--color-dwarf-rabbit-600: #856d4e;
--color-dwarf-rabbit-700: #6b573e;
--color-dwarf-rabbit-800: #4f3f2c;
--color-dwarf-rabbit-900: #372b1e;
--color-dwarf-rabbit-950: #22190e;
}SCSS
$dwarf-rabbit: #c8ac89;
$dwarf-rabbit-rgb: 200, 172, 137;
$dwarf-rabbit-light: mix(#fff, $dwarf-rabbit, 20%);
$dwarf-rabbit-dark: mix(#000, $dwarf-rabbit, 20%);
.element {
color: $dwarf-rabbit;
box-shadow: 0 0 0 2px rgba($dwarf-rabbit, 0.35);
}