이름 색상 · #E5D9DC
Faded Firebrick
Faded Firebrick은(는) #E5D9DC: rgb(229 217 220), hsl(345 19% 87%), oklch(0.896 0.014 0.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Faded Firebrick color name →
#E5D9DC
oklch(0.896 0.014 0.3)
색상 변환
- HEX
- #e5d9dc
- RGB
- rgb(229 217 220)
- HSL
- hsl(345 19% 87%)
- HWB
- hwb(345 85% 10%)
- OKLCH
- oklch(0.896 0.014 0.3)
- OKLab
- oklab(0.896 0.014 0)
- CIE Lab
- lab(87.73 4.64 0.07)
- LCH
- lch(87.73 4.64 0.9)
- CMYK
- cmyk(0% 5% 4% 10%)
틴트 · 셰이드 · 톤
틴트
- E8DDDF
- EAE1E3
- EDE4E6
- EFE8EA
- F2ECED
- F5F0F1
- F7F3F4
- FAF7F8
- FCFBFB
셰이드
- C7BCBF
- AAA1A3
- 8E8688
- 726C6E
- 585354
- 3F3B3C
- 282526
- 121111
- 030202
톤
- DAD0D2
- D0C7C9
- C6BDBF
- BBB4B6
- B1ABAD
- A7A3A4
- 9D9A9B
- 939192
- 8A8989
색 조화
보색 +180°
- E5D9DC
Faded Firebrick
- D3E0DD
≈ Spring Mist
유사색 -30° +30°
- E5D9DC
Faded Firebrick
- E2D9E1
≈ Puffball Vapour
- E6D9D7
≈ Almost Mauve
삼각 배색 +120° +240°
- E5D9DC
Faded Firebrick
- DBDED4
≈ Angel’s Whisper
- D5DEE5
≈ Cautious Blue
분열 보색 +150° +210°
- E5D9DC
Faded Firebrick
- D6DFD8
≈ Secret Crush
- D3DFE2
≈ Spa Blue
사각 배색 +90° +180° +270°
- E5D9DC
Faded Firebrick
- E0DCD3
≈ Empire Porcelain
- D3E0DD
≈ Spring Mist
- D9DCE6
≈ Star Jasmine
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.29:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.29:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--faded-firebrick: #e5d9dc;
--faded-firebrick-rgb: 229 217 220;
--faded-firebrick-oklch: oklch(0.896 0.014 0.3);
}
.element {
color: var(--faded-firebrick);
background-color: hsl(345 19% 87%);
border-color: oklch(0.896 0.014 0.3);
}Tailwind CSS v4
@theme {
--color-faded-firebrick: #e5d9dc;
--color-faded-firebrick-50: #f9f3f5;
--color-faded-firebrick-100: #ece6e7;
--color-faded-firebrick-200: #dad2d4;
--color-faded-firebrick-300: #beb5b7;
--color-faded-firebrick-400: #a69b9e;
--color-faded-firebrick-500: #8f8386;
--color-faded-firebrick-600: #796f71;
--color-faded-firebrick-700: #60585a;
--color-faded-firebrick-800: #474042;
--color-faded-firebrick-900: #312c2e;
--color-faded-firebrick-950: #1d191a;
}SCSS
$faded-firebrick: #e5d9dc;
$faded-firebrick-rgb: 229, 217, 220;
$faded-firebrick-light: mix(#fff, $faded-firebrick, 20%);
$faded-firebrick-dark: mix(#000, $faded-firebrick, 20%);
.element {
color: $faded-firebrick;
box-shadow: 0 0 0 2px rgba($faded-firebrick, 0.35);
}