가장 가까운 이름 색상 · #FAF4E5
#FAF4E5
가장 가까운 이름 색상: Whiskers
#FAF4E5(rgb(250 244 229), hsl(43 68% 94%), oklch(0.968 0.021 88.7))와 가장 가까운 이름 색상은 Whiskers입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FAF4E5
oklch(0.968 0.021 88.7)
색상 변환
- HEX
- #faf4e5
- RGB
- rgb(250 244 229)
- HSL
- hsl(43 68% 94%)
- HWB
- hwb(43 90% 2%)
- OKLCH
- oklch(0.968 0.021 88.7)
- OKLab
- oklab(0.968 0 0.021)
- CIE Lab
- lab(96.36 0.21 8)
- LCH
- lch(96.36 8.01 88.5)
- CMYK
- cmyk(0% 2% 8% 2%)
틴트 · 셰이드 · 톤
틴트
- FBF5E8
- FBF6EA
- FCF7ED
- FCF8EF
- FDFAF2
- FDFBF5
- FEFCF7
- FEFDFA
- FFFEFC
셰이드
- D9D4C7
- BAB5AA
- 9B978E
- 7D7A72
- 615E58
- 46443F
- 2D2B28
- 151412
- 030303
톤
- EDE8DA
- E0DCD0
- D4D0C6
- C7C4BB
- BBB8B1
- AFADA7
- A3A19D
- 979693
- 8B8B8A
색 조화
보색 +180°
- FAF4E5
Whiskers
- F0F4FF
≈ Boysenberry Shadow
유사색 -30° +30°
- FAF4E5
Whiskers
- FFF2E8
≈ Pico Ivory
- F3F7E7
≈ Bean Sprout
삼각 배색 +120° +240°
- FAF4E5
Whiskers
- E5F9FC
≈ Calm Waters
- FDF0FB
≈ Pinkish White
분열 보색 +150° +210°
- FAF4E5
Whiskers
- EAF6FF
≈ Clear Skies
- F6F2FF
≈ Cloud Break
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.09:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.13:1 · APCA Lc 101
가장 좋은 글자색: #000000
WCAG 19.13:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--whiskers: #faf4e5;
--whiskers-rgb: 250 244 229;
--whiskers-oklch: oklch(0.968 0.021 88.7);
}
.element {
color: var(--whiskers);
background-color: hsl(43 68% 94%);
border-color: oklch(0.968 0.021 88.7);
}Tailwind CSS v4
@theme {
--color-whiskers: #faf4e5;
--color-whiskers-50: #f7f5ef;
--color-whiskers-100: #eae8e0;
--color-whiskers-200: #d7d4ca;
--color-whiskers-300: #bbb7ac;
--color-whiskers-400: #a39e91;
--color-whiskers-500: #8c8677;
--color-whiskers-600: #767165;
--color-whiskers-700: #5f5a50;
--color-whiskers-800: #45423a;
--color-whiskers-900: #302e28;
--color-whiskers-950: #1c1a16;
}SCSS
$whiskers: #faf4e5;
$whiskers-rgb: 250, 244, 229;
$whiskers-light: mix(#fff, $whiskers, 20%);
$whiskers-dark: mix(#000, $whiskers, 20%);
.element {
color: $whiskers;
box-shadow: 0 0 0 2px rgba($whiskers, 0.35);
}