가장 가까운 이름 색상 · #F6DDCD
#F6DDCD
가장 가까운 이름 색상: White Truffle
#F6DDCD(rgb(246 221 205), hsl(23 69% 88%), oklch(0.914 0.035 54.8))와 가장 가까운 이름 색상은 White Truffle입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F6DDCD
oklch(0.914 0.035 54.8)
색상 변환
- HEX
- #f6ddcd
- RGB
- rgb(246 221 205)
- HSL
- hsl(23 69% 88%)
- HWB
- hwb(23 80% 4%)
- OKLCH
- oklch(0.914 0.035 54.8)
- OKLab
- oklab(0.914 0.02 0.029)
- CIE Lab
- lab(89.88 7.04 11.19)
- LCH
- lch(89.88 13.22 57.8)
- CMYK
- cmyk(0% 10% 17% 4%)
틴트 · 셰이드 · 톤
틴트
- F7E0D2
- F8E4D7
- F9E7DC
- FAEBE1
- FBEEE6
- FCF1EB
- FCF5F0
- FDF8F5
- FEFCFA
셰이드
- D6C0B2
- B7A498
- 98887E
- 7B6E66
- 5F554E
- 453D38
- 2C2623
- 15110F
- 030202
톤
- EAD3C5
- DDCABD
- D1C0B5
- C5B7AE
- B9ADA6
- AEA49E
- A29B96
- 97928F
- 8B8987
색 조화
보색 +180°
- F6DDCD
White Truffle
- CDE7F7
≈ New Heights
유사색 -30° +30°
- F6DDCD
White Truffle
- F9DAD7
≈ Coy Pink
- EDE1C9
≈ Chic Magnet
삼각 배색 +120° +240°
- F6DDCD
White Truffle
- CCEBE1
≈ Ice Water Green
- E4DEF8
≈ Stoic White
분열 보색 +150° +210°
- F6DDCD
White Truffle
- C9EAEE
≈ Summer Mist
- D7E3FB
≈ Aquarelle Purple
사각 배색 +90° +180° +270°
- F6DDCD
White Truffle
- D5E9D4
≈ Light Spring Burst
- CDE7F7
≈ New Heights
- EFDBF0
≈ Divine Dove
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.14:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.14:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--white-truffle: #f6ddcd;
--white-truffle-rgb: 246 221 205;
--white-truffle-oklch: oklch(0.914 0.035 54.8);
}
.element {
color: var(--white-truffle);
background-color: hsl(23 69% 88%);
border-color: oklch(0.914 0.035 54.8);
}Tailwind CSS v4
@theme {
--color-white-truffle: #f6ddcd;
--color-white-truffle-50: #fdf3ec;
--color-white-truffle-100: #f2e5dd;
--color-white-truffle-200: #e1d1c6;
--color-white-truffle-300: #c6b3a6;
--color-white-truffle-400: #b0998b;
--color-white-truffle-500: #998070;
--color-white-truffle-600: #826d5f;
--color-white-truffle-700: #68574c;
--color-white-truffle-800: #4d3f37;
--color-white-truffle-900: #352c26;
--color-white-truffle-950: #201914;
}SCSS
$white-truffle: #f6ddcd;
$white-truffle-rgb: 246, 221, 205;
$white-truffle-light: mix(#fff, $white-truffle, 20%);
$white-truffle-dark: mix(#000, $white-truffle, 20%);
.element {
color: $white-truffle;
box-shadow: 0 0 0 2px rgba($white-truffle, 0.35);
}