이름 색상 · #FAEEDB
Antique Linen
Antique Linen은(는) #FAEEDB: rgb(250 238 219), hsl(37 76% 92%), oklch(0.954 0.028 79.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Antique Linen color name →
#FAEEDB
oklch(0.954 0.028 79.5)
색상 변환
- HEX
- #faeedb
- RGB
- rgb(250 238 219)
- HSL
- hsl(37 76% 92%)
- HWB
- hwb(37 86% 2%)
- OKLCH
- oklch(0.954 0.028 79.5)
- OKLab
- oklab(0.954 0.005 0.028)
- CIE Lab
- lab(94.68 1.88 10.76)
- LCH
- lch(94.68 10.92 80.1)
- CMYK
- cmyk(0% 5% 12% 2%)
틴트 · 셰이드 · 톤
틴트
- FBF0DF
- FBF1E2
- FCF3E6
- FCF5E9
- FDF7ED
- FDF8F1
- FEFAF4
- FEFCF8
- FFFDFB
셰이드
- D9CFBE
- BAB1A2
- 9B9387
- 7D776D
- 615C54
- 46423C
- 2D2A26
- 151411
- 030302
톤
- EDE2D2
- E0D7C8
- D4CCBF
- C7C1B6
- BBB5AC
- AFABA3
- A3A09A
- 979592
- 8C8A89
색 조화
보색 +180°
- FAEEDB
Antique Linen
- E7F0FF
≈ Brilliant White
유사색 -30° +30°
- FAEEDB
Antique Linen
- FFEBE1
≈ Pink Glow
- F0F2DC
≈ Fragile Fern
삼각 배색 +120° +240°
- FAEEDB
Antique Linen
- DBF6F7
≈ Fishious Rend
- F8EAFC
≈ Placebo Fuchsia
분열 보색 +150° +210°
- FAEEDB
Antique Linen
- DEF4FF
≈ Wizard White
- EFEDFF
≈ Foundation White
사각 배색 +90° +180° +270°
- FAEEDB
Antique Linen
- DEF6EC
≈ Treacherous Blizzard
- E7F0FF
≈ Brilliant White
- FFE9F2
≈ Fairy Dust
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.14:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.31:1 · APCA Lc 98
가장 좋은 글자색: #000000
WCAG 18.31:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--antique-linen: #faeedb;
--antique-linen-rgb: 250 238 219;
--antique-linen-oklch: oklch(0.954 0.028 79.5);
}
.element {
color: var(--antique-linen);
background-color: hsl(37 76% 92%);
border-color: oklch(0.954 0.028 79.5);
}Tailwind CSS v4
@theme {
--color-antique-linen: #faeedb;
--color-antique-linen-50: #f9f4ec;
--color-antique-linen-100: #ede7de;
--color-antique-linen-200: #dad3c7;
--color-antique-linen-300: #bfb6a8;
--color-antique-linen-400: #a79d8c;
--color-antique-linen-500: #908471;
--color-antique-linen-600: #7a7060;
--color-antique-linen-700: #625a4d;
--color-antique-linen-800: #484138;
--color-antique-linen-900: #322d26;
--color-antique-linen-950: #1e1a14;
}SCSS
$antique-linen: #faeedb;
$antique-linen-rgb: 250, 238, 219;
$antique-linen-light: mix(#fff, $antique-linen, 20%);
$antique-linen-dark: mix(#000, $antique-linen, 20%);
.element {
color: $antique-linen;
box-shadow: 0 0 0 2px rgba($antique-linen, 0.35);
}