가장 가까운 이름 색상 · #CFBEA8
#CFBEA8
가장 가까운 이름 색상: Attic Linen
#CFBEA8(rgb(207 190 168), hsl(34 29% 74%), oklch(0.81 0.036 74.3))와 가장 가까운 이름 색상은 Attic Linen입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CFBEA8
oklch(0.81 0.036 74.3)
색상 변환
- HEX
- #cfbea8
- RGB
- rgb(207 190 168)
- HSL
- hsl(34 29% 74%)
- HWB
- hwb(34 66% 19%)
- OKLCH
- oklch(0.81 0.036 74.3)
- OKLab
- oklab(0.81 0.01 0.034)
- CIE Lab
- lab(77.98 3.58 13.45)
- LCH
- lch(77.98 13.92 75.1)
- CMYK
- cmyk(0% 8% 19% 19%)
틴트 · 셰이드 · 톤
틴트
- D4C4B1
- D9CBB9
- DDD1C2
- E2D8CA
- E7DED3
- ECE5DC
- F1EBE4
- F5F2ED
- FAF8F6
셰이드
- B4A592
- 998C7C
- 7F7567
- 675E52
- 4F483F
- 38332C
- 231F1A
- 100D0A
- 020201
톤
- C7B8A4
- BFB1A0
- B7AB9C
- AFA598
- A79F94
- 9F9890
- 97928C
- 8F8C88
- 888684
색 조화
보색 +180°
- CFBEA8
Attic Linen
- B2C3D8
≈ Spindle
유사색 -30° +30°
- CFBEA8
Attic Linen
- D6BAAE
≈ Wafer
- C4C2A8
≈ Delta Waters
삼각 배색 +120° +240°
- CFBEA8
Attic Linen
- A7C9C8
≈ Impressionist Blue
- CABAD1
≈ Sweet Petal
분열 보색 +150° +210°
- CFBEA8
Attic Linen
- A9C6D2
≈ Twinkle
- BEBED8
≈ Rhapsody Lilac
사각 배색 +90° +180° +270°
- CFBEA8
Attic Linen
- ADC9BB
≈ Nadia
- B2C3D8
≈ Spindle
- D3B8C6
≈ Lavender Blessing
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.58:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--attic-linen: #cfbea8;
--attic-linen-rgb: 207 190 168;
--attic-linen-oklch: oklch(0.81 0.036 74.3);
}
.element {
color: var(--attic-linen);
background-color: hsl(34 29% 74%);
border-color: oklch(0.81 0.036 74.3);
}Tailwind CSS v4
@theme {
--color-attic-linen: #cfbea8;
--color-attic-linen-50: #fbf4ea;
--color-attic-linen-100: #efe7db;
--color-attic-linen-200: #ddd3c4;
--color-attic-linen-300: #c2b5a4;
--color-attic-linen-400: #ab9c88;
--color-attic-linen-500: #95836c;
--color-attic-linen-600: #7e6f5c;
--color-attic-linen-700: #655949;
--color-attic-linen-800: #4a4135;
--color-attic-linen-900: #332d24;
--color-attic-linen-950: #1f1a13;
}SCSS
$attic-linen: #cfbea8;
$attic-linen-rgb: 207, 190, 168;
$attic-linen-light: mix(#fff, $attic-linen, 20%);
$attic-linen-dark: mix(#000, $attic-linen, 20%);
.element {
color: $attic-linen;
box-shadow: 0 0 0 2px rgba($attic-linen, 0.35);
}