이름 색상 · #FCE9D5
Light Dedication
Light Dedication은(는) #FCE9D5: rgb(252 233 213), hsl(31 87% 91%), oklch(0.944 0.034 68.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Dedication color name →
#FCE9D5
oklch(0.944 0.034 68.8)
색상 변환
- HEX
- #fce9d5
- RGB
- rgb(252 233 213)
- HSL
- hsl(31 87% 91%)
- HWB
- hwb(31 84% 1%)
- OKLCH
- oklch(0.944 0.034 68.8)
- OKLab
- oklab(0.944 0.012 0.031)
- CIE Lab
- lab(93.5 4.32 12.21)
- LCH
- lch(93.5 12.96 70.5)
- CMYK
- cmyk(0% 8% 15% 1%)
틴트 · 셰이드 · 톤
틴트
- FCEBD9
- FDEDDD
- FDF0E2
- FDF2E6
- FEF4EA
- FEF6EE
- FEF8F2
- FEFBF7
- FFFDFB
셰이드
- DBCBB9
- BBAD9E
- 9C9083
- 7E746A
- 625A51
- 47413A
- 2D2924
- 161310
- 030302
톤
- EFDECC
- E2D3C3
- D5C8BB
- C9BEB2
- BCB3AA
- B0A9A1
- A49E99
- 989490
- 8C8A88
색 조화
보색 +180°
- FCE9D5
Light Dedication
- DFEFFF
≈ Calcareous Sinter
유사색 -30° +30°
- FCE9D5
Light Dedication
- FFE6DE
≈ French Manicure
- F2EDD4
≈ Rum Swizzle
삼각 배색 +120° +240°
- FCE9D5
Light Dedication
- D4F4F1
≈ Slippery Tub
- F3E7FE
≈ Soft Lavender
분열 보색 +150° +210°
- FCE9D5
Light Dedication
- D5F2FC
≈ Water
- E8EBFF
≈ Brilliant White
사각 배색 +90° +180° +270°
- FCE9D5
Light Dedication
- DBF4E4
≈ Mint Flash
- DFEFFF
≈ Calcareous Sinter
- FDE4F4
≈ Bunny Tail
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.18:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.75:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--light-dedication: #fce9d5;
--light-dedication-rgb: 252 233 213;
--light-dedication-oklch: oklch(0.944 0.034 68.8);
}
.element {
color: var(--light-dedication);
background-color: hsl(31 87% 91%);
border-color: oklch(0.944 0.034 68.8);
}Tailwind CSS v4
@theme {
--color-light-dedication: #fce9d5;
--color-light-dedication-50: #fcf4eb;
--color-light-dedication-100: #efe6dc;
--color-light-dedication-200: #ded2c5;
--color-light-dedication-300: #c3b5a5;
--color-light-dedication-400: #ac9b8a;
--color-light-dedication-500: #95836f;
--color-light-dedication-600: #7e6f5e;
--color-light-dedication-700: #65584b;
--color-light-dedication-800: #4b4036;
--color-light-dedication-900: #342c25;
--color-light-dedication-950: #1f1914;
}SCSS
$light-dedication: #fce9d5;
$light-dedication-rgb: 252, 233, 213;
$light-dedication-light: mix(#fff, $light-dedication, 20%);
$light-dedication-dark: mix(#000, $light-dedication, 20%);
.element {
color: $light-dedication;
box-shadow: 0 0 0 2px rgba($light-dedication, 0.35);
}