이름 색상 · #F3DAE1
Fancy Pants
Fancy Pants은(는) #F3DAE1: rgb(243 218 225), hsl(343 51% 90%), oklch(0.911 0.029 358.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Fancy Pants color name →
#F3DAE1
oklch(0.911 0.029 358.8)
색상 변환
- HEX
- #f3dae1
- RGB
- rgb(243 218 225)
- HSL
- hsl(343 51% 90%)
- HWB
- hwb(343 85% 5%)
- OKLCH
- oklch(0.911 0.029 358.8)
- OKLab
- oklab(0.911 0.029 -0.001)
- CIE Lab
- lab(89.28 9.78 -0.13)
- LCH
- lch(89.28 9.78 359.2)
- CMYK
- cmyk(0% 10% 7% 5%)
틴트 · 셰이드 · 톤
틴트
- F4DEE4
- F6E1E7
- F7E5EA
- F8E9ED
- F9ECF0
- FAF0F3
- FCF4F6
- FDF8F9
- FEFBFC
셰이드
- D3BDC4
- B4A2A7
- 97878B
- 7A6C70
- 5E5456
- 443C3E
- 2B2527
- 141112
- 030202
톤
- E7D1D7
- DBC7CD
- CFBEC3
- C4B5B9
- B8ACAF
- ADA3A6
- A19A9C
- 969193
- 8B8989
색 조화
보색 +180°
- F3DAE1
Fancy Pants
- CEE8E2
≈ Frosty White Blue
유사색 -30° +30°
- F3DAE1
Fancy Pants
- EDDBEB
≈ Elfin Magic
- F4DBD7
≈ Fresco
삼각 배색 +120° +240°
- F3DAE1
Fancy Pants
- DFE5CF
≈ Willow Brook
- D1E5F3
≈ New Heights
분열 보색 +150° +210°
- F3DAE1
Fancy Pants
- D5E7D7
≈ Splashdown
- CCE7EC
≈ Ethereal Mood
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.31:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.92:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--fancy-pants: #f3dae1;
--fancy-pants-rgb: 243 218 225;
--fancy-pants-oklch: oklch(0.911 0.029 358.8);
}
.element {
color: var(--fancy-pants);
background-color: hsl(343 51% 90%);
border-color: oklch(0.911 0.029 358.8);
}Tailwind CSS v4
@theme {
--color-fancy-pants: #f3dae1;
--color-fancy-pants-50: #fdf2f4;
--color-fancy-pants-100: #f1e4e7;
--color-fancy-pants-200: #e0cfd3;
--color-fancy-pants-300: #c5b2b6;
--color-fancy-pants-400: #ae989e;
--color-fancy-pants-500: #977f86;
--color-fancy-pants-600: #806b71;
--color-fancy-pants-700: #66565a;
--color-fancy-pants-800: #4b3e42;
--color-fancy-pants-900: #342b2e;
--color-fancy-pants-950: #20181b;
}SCSS
$fancy-pants: #f3dae1;
$fancy-pants-rgb: 243, 218, 225;
$fancy-pants-light: mix(#fff, $fancy-pants, 20%);
$fancy-pants-dark: mix(#000, $fancy-pants, 20%);
.element {
color: $fancy-pants;
box-shadow: 0 0 0 2px rgba($fancy-pants, 0.35);
}