가장 가까운 이름 색상 · #FBE5E8
#FBE5E8
가장 가까운 이름 색상: Porcelain Skin
#FBE5E8(rgb(251 229 232), hsl(352 73% 94%), oklch(0.94 0.024 8.2))와 가장 가까운 이름 색상은 Porcelain Skin입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FBE5E8
oklch(0.94 0.024 8.2)
색상 변환
- HEX
- #fbe5e8
- RGB
- rgb(251 229 232)
- HSL
- hsl(352 73% 94%)
- HWB
- hwb(352 90% 2%)
- OKLCH
- oklch(0.94 0.024 8.2)
- OKLab
- oklab(0.94 0.024 0.003)
- CIE Lab
- lab(92.81 8.13 1.4)
- LCH
- lch(92.81 8.25 9.8)
- CMYK
- cmyk(0% 9% 8% 2%)
틴트 · 셰이드 · 톤
틴트
- FBE8EA
- FCEAED
- FCEDEF
- FDEFF1
- FDF2F3
- FEF5F6
- FEF7F8
- FEFAFA
- FFFCFD
셰이드
- DAC7CA
- BAAAAC
- 9C8E90
- 7E7274
- 615859
- 463F40
- 2D2829
- 151213
- 030303
톤
- EEDADD
- E1D0D2
- D5C6C8
- C8BBBD
- BCB1B3
- AFA7A8
- A39D9E
- 979394
- 8C8A8A
색 조화
보색 +180°
- FBE5E8
Porcelain Skin
- DAF1EE
≈ Air of Mint
유사색 -30° +30°
- FBE5E8
Porcelain Skin
- F7E5F1
≈ Petal Poise
- FBE6E0
≈ Sweet Nothing
삼각 배색 +120° +240°
- FBE5E8
Porcelain Skin
- E6EFDE
≈ Chilled Mint
- DFEDFB
≈ Husky
분열 보색 +150° +210°
- FBE5E8
Porcelain Skin
- DFF1E5
≈ Weak Mint
- DAF0F6
≈ Let It Snow
사각 배색 +90° +180° +270°
- FBE5E8
Porcelain Skin
- EFECDA
≈ Glittery Glow
- DAF1EE
≈ Air of Mint
- E7EAFC
≈ Icy Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.47:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.47:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--porcelain-skin: #fbe5e8;
--porcelain-skin-rgb: 251 229 232;
--porcelain-skin-oklch: oklch(0.94 0.024 8.2);
}
.element {
color: var(--porcelain-skin);
background-color: hsl(352 73% 94%);
border-color: oklch(0.94 0.024 8.2);
}Tailwind CSS v4
@theme {
--color-porcelain-skin: #fbe5e8;
--color-porcelain-skin-50: #fcf2f3;
--color-porcelain-skin-100: #f0e5e6;
--color-porcelain-skin-200: #ded0d2;
--color-porcelain-skin-300: #c3b3b4;
--color-porcelain-skin-400: #ac999b;
--color-porcelain-skin-500: #958083;
--color-porcelain-skin-600: #7e6c6f;
--color-porcelain-skin-700: #655659;
--color-porcelain-skin-800: #4a3f41;
--color-porcelain-skin-900: #342b2d;
--color-porcelain-skin-950: #1f191a;
}SCSS
$porcelain-skin: #fbe5e8;
$porcelain-skin-rgb: 251, 229, 232;
$porcelain-skin-light: mix(#fff, $porcelain-skin, 20%);
$porcelain-skin-dark: mix(#000, $porcelain-skin, 20%);
.element {
color: $porcelain-skin;
box-shadow: 0 0 0 2px rgba($porcelain-skin, 0.35);
}