가장 가까운 이름 색상 · #FABC9E
#FABC9E
가장 가까운 이름 색상: Cream Puff
#FABC9E(rgb(250 188 158), hsl(20 90% 80%), oklch(0.845 0.083 46.9))와 가장 가까운 이름 색상은 Cream Puff입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FABC9E
oklch(0.845 0.083 46.9)
색상 변환
- HEX
- #fabc9e
- RGB
- rgb(250 188 158)
- HSL
- hsl(20 90% 80%)
- HWB
- hwb(20 62% 2%)
- OKLCH
- oklch(0.845 0.083 46.9)
- OKLab
- oklab(0.845 0.056 0.06)
- CIE Lab
- lab(81.51 20.23 24.38)
- LCH
- lch(81.51 31.68 50.3)
- CMYK
- cmyk(0% 25% 37% 2%)
틴트 · 셰이드 · 톤
틴트
- FBC3A8
- FCCAB1
- FDD0BB
- FDD7C5
- FEDECE
- FEE4D8
- FFEBE2
- FFF2EC
- FFF8F5
셰이드
- D9A389
- BA8B74
- 9B7360
- 7D5D4D
- 61473A
- 463229
- 2D1F18
- 150D09
- 030201
톤
- EDB69B
- E1B098
- D5AA95
- C8A493
- BC9E90
- B0988D
- A4928A
- 988C86
- 8C8683
색 조화
보색 +180°
- FABC9E
Cream Puff
- 91D8F6
≈ Shiva Blue
유사색 -30° +30°
- FABC9E
Cream Puff
- FDB7B9
≈ Young Salmon
- EBC68F
≈ Norman Shaw Goldspar
삼각 배색 +120° +240°
- FABC9E
Cream Puff
- 96DEC1
≈ Almost Aqua
- C8C5FF
≈ Light Periwinkle
분열 보색 +150° +210°
- FABC9E
Cream Puff
- 88DDDE
≈ Cold Blue
- ACCEFF
≈ Night Snow
사각 배색 +90° +180° +270°
- FABC9E
Cream Puff
- B3D9A4
≈ Fizz
- 91D8F6
≈ Shiva Blue
- E2BCF0
≈ Beefy Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.75:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--cream-puff: #fabc9e;
--cream-puff-rgb: 250 188 158;
--cream-puff-oklch: oklch(0.845 0.083 46.9);
}
.element {
color: var(--cream-puff);
background-color: hsl(20 90% 80%);
border-color: oklch(0.845 0.083 46.9);
}Tailwind CSS v4
@theme {
--color-cream-puff: #fabc9e;
--color-cream-puff-50: #ffefe1;
--color-cream-puff-100: #ffe0d0;
--color-cream-puff-200: #f3cbb6;
--color-cream-puff-300: #dbab92;
--color-cream-puff-400: #c89074;
--color-cream-puff-500: #b37556;
--color-cream-puff-600: #986349;
--color-cream-puff-700: #7a4f3a;
--color-cream-puff-800: #5a392a;
--color-cream-puff-900: #3f271c;
--color-cream-puff-950: #28150c;
}SCSS
$cream-puff: #fabc9e;
$cream-puff-rgb: 250, 188, 158;
$cream-puff-light: mix(#fff, $cream-puff, 20%);
$cream-puff-dark: mix(#000, $cream-puff, 20%);
.element {
color: $cream-puff;
box-shadow: 0 0 0 2px rgba($cream-puff, 0.35);
}