가장 가까운 이름 색상 · #FFE9CF
#FFE9CF
가장 가까운 이름 색상: Acropolis
#FFE9CF(rgb(255 233 207), hsl(32 100% 91%), oklch(0.945 0.042 71.9))와 가장 가까운 이름 색상은 Acropolis입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFE9CF
oklch(0.945 0.042 71.9)
색상 변환
- HEX
- #ffe9cf
- RGB
- rgb(255 233 207)
- HSL
- hsl(32 100% 91%)
- HWB
- hwb(32 81% 0%)
- OKLCH
- oklch(0.945 0.042 71.9)
- OKLab
- oklab(0.945 0.013 0.04)
- CIE Lab
- lab(93.64 4.76 15.55)
- LCH
- lch(93.64 16.26 73)
- CMYK
- cmyk(0% 9% 19% 0%)
틴트 · 셰이드 · 톤
틴트
- FFEBD4
- FFEDD9
- FFF0DD
- FFF2E2
- FFF4E7
- FFF6EC
- FFF8F1
- FFFBF5
- FFFDFA
셰이드
- DECBB4
- BEAD99
- 9E907F
- 807467
- 635A4F
- 484138
- 2E2923
- 161310
- 030302
톤
- F2DEC7
- E4D3BF
- D7C8B7
- CABEAF
- BEB3A7
- B1A99F
- A49E97
- 98948F
- 8C8A88
색 조화
보색 +180°
- FFE9CF
Acropolis
- E0EFFF
≈ Calcareous Sinter
유사색 -30° +30°
- FFE9CF
Acropolis
- FFE7DE
≈ French Manicure
- F2EECF
≈ Minimal
삼각 배색 +120° +240°
- FFE9CF
Acropolis
- CEF6F4
≈ Tinted Ice
- F5E6FF
≈ Soft Lavender
분열 보색 +150° +210°
- FFE9CF
Acropolis
- D3F3FF
≈ Water
- E9EBFF
≈ Brilliant White
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.17:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.80:1 · APCA Lc 96
가장 좋은 글자색: #000000
WCAG 17.80:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--acropolis: #ffe9cf;
--acropolis-rgb: 255 233 207;
--acropolis-oklch: oklch(0.945 0.042 71.9);
}
.element {
color: var(--acropolis);
background-color: hsl(32 100% 91%);
border-color: oklch(0.945 0.042 71.9);
}Tailwind CSS v4
@theme {
--color-acropolis: #ffe9cf;
--color-acropolis-50: #fdf4e8;
--color-acropolis-100: #f1e6d9;
--color-acropolis-200: #dfd2c1;
--color-acropolis-300: #c5b5a0;
--color-acropolis-400: #ae9b84;
--color-acropolis-500: #988268;
--color-acropolis-600: #806e58;
--color-acropolis-700: #675846;
--color-acropolis-800: #4c4033;
--color-acropolis-900: #352c22;
--color-acropolis-950: #201912;
}SCSS
$acropolis: #ffe9cf;
$acropolis-rgb: 255, 233, 207;
$acropolis-light: mix(#fff, $acropolis, 20%);
$acropolis-dark: mix(#000, $acropolis, 20%);
.element {
color: $acropolis;
box-shadow: 0 0 0 2px rgba($acropolis, 0.35);
}