이름 색상 · #CDC7BB
Featherstone
Featherstone은(는) #CDC7BB: rgb(205 199 187), hsl(40 15% 77%), oklch(0.831 0.018 84.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Featherstone color name →
#CDC7BB
oklch(0.831 0.018 84.6)
색상 변환
- HEX
- #cdc7bb
- RGB
- rgb(205 199 187)
- HSL
- hsl(40 15% 77%)
- HWB
- hwb(40 73% 20%)
- OKLCH
- oklch(0.831 0.018 84.6)
- OKLab
- oklab(0.831 0.002 0.018)
- CIE Lab
- lab(80.48 0.61 6.81)
- LCH
- lch(80.48 6.84 84.9)
- CMYK
- cmyk(0% 3% 9% 20%)
틴트 · 셰이드 · 톤
틴트
- D2CCC2
- D7D2C8
- DCD8CF
- E1DDD6
- E6E3DD
- EBE8E3
- F0EEEA
- F5F4F1
- FAF9F8
셰이드
- B2ADA2
- 98938A
- 7E7A73
- 66625C
- 4E4C46
- 383632
- 23211F
- 0F0E0D
- 020202
톤
- C5C0B5
- BDB8AF
- B5B1A9
- ADAAA3
- A6A39D
- 9E9C97
- 969591
- 8F8E8B
- 878786
색 조화
보색 +180°
- CDC7BB
Featherstone
- C2C8D4
≈ Northern Exposure
유사색 -30° +30°
- CDC7BB
Featherstone
- D1C5BD
≈ En Plein Air
- C7C9BC
≈ Life Lesson
삼각 배색 +120° +240°
- CDC7BB
Featherstone
- BBCBCD
≈ Sleepy Blue
- CEC4CE
≈ Limpid Light
분열 보색 +150° +210°
- CDC7BB
Featherstone
- BDCAD2
≈ Upward
- C8C6D2
≈ Hyacinth Ice
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.68:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.48:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--featherstone: #cdc7bb;
--featherstone-rgb: 205 199 187;
--featherstone-oklch: oklch(0.831 0.018 84.6);
}
.element {
color: var(--featherstone);
background-color: hsl(40 15% 77%);
border-color: oklch(0.831 0.018 84.6);
}Tailwind CSS v4
@theme {
--color-featherstone: #cdc7bb;
--color-featherstone-50: #f7f5ef;
--color-featherstone-100: #eae8e1;
--color-featherstone-200: #d7d4cc;
--color-featherstone-300: #bbb7ad;
--color-featherstone-400: #a39e93;
--color-featherstone-500: #8c8579;
--color-featherstone-600: #767167;
--color-featherstone-700: #5e5a52;
--color-featherstone-800: #45423c;
--color-featherstone-900: #302d29;
--color-featherstone-950: #1c1a17;
}SCSS
$featherstone: #cdc7bb;
$featherstone-rgb: 205, 199, 187;
$featherstone-light: mix(#fff, $featherstone, 20%);
$featherstone-dark: mix(#000, $featherstone, 20%);
.element {
color: $featherstone;
box-shadow: 0 0 0 2px rgba($featherstone, 0.35);
}