이름 색상 · #FAEBD7
Milk Tooth
Milk Tooth은(는) #FAEBD7: rgb(250 235 215), hsl(34 78% 91%), oklch(0.947 0.031 75.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Milk Tooth color name →
#FAEBD7
oklch(0.947 0.031 75.2)
색상 변환
- HEX
- #faebd7
- RGB
- rgb(250 235 215)
- HSL
- hsl(34 78% 91%)
- HWB
- hwb(34 84% 2%)
- OKLCH
- oklch(0.947 0.031 75.2)
- OKLab
- oklab(0.947 0.008 0.03)
- CIE Lab
- lab(93.86 2.86 11.66)
- LCH
- lch(93.86 12.01 76.2)
- CMYK
- cmyk(0% 6% 14% 2%)
틴트 · 셰이드 · 톤
틴트
- FBEDDB
- FBEFDF
- FCF1E3
- FCF3E7
- FDF5EB
- FDF7EF
- FEF9F3
- FEFBF7
- FFFDFB
셰이드
- D9CCBB
- BAAE9F
- 9B9185
- 7D756B
- 615B52
- 46413B
- 2D2925
- 151311
- 030302
톤
- EDE0CE
- E0D5C5
- D4CABC
- C7BFB3
- BBB4AB
- AFA9A2
- A39F99
- 979491
- 8C8A88
색 조화
보색 +180°
- FAEBD7
Milk Tooth
- E2EFFF
≈ Calcareous Sinter
유사색 -30° +30°
- FAEBD7
Milk Tooth
- FFE8DE
≈ Chablis
- F0EFD7
≈ Yellow Emulsion
삼각 배색 +120° +240°
- FAEBD7
Milk Tooth
- D7F4F4
≈ Fishious Rend
- F6E8FC
≈ Placebo Fuchsia
분열 보색 +150° +210°
- FAEBD7
Milk Tooth
- D8F2FD
≈ Water
- EBEBFF
≈ Placebo Purple
사각 배색 +90° +180° +270°
- FAEBD7
Milk Tooth
- DBF4E8
≈ Mint Flash
- E2EFFF
≈ Calcareous Sinter
- FEE6F2
≈ Cherubic
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.17:1 · APCA Lc 8
Ag
AAA검은색 위
WCAG 17.92:1 · APCA Lc 96
가장 좋은 글자색: #000000
WCAG 17.92:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--milk-tooth: #faebd7;
--milk-tooth-rgb: 250 235 215;
--milk-tooth-oklch: oklch(0.947 0.031 75.2);
}
.element {
color: var(--milk-tooth);
background-color: hsl(34 78% 91%);
border-color: oklch(0.947 0.031 75.2);
}Tailwind CSS v4
@theme {
--color-milk-tooth: #faebd7;
--color-milk-tooth-50: #faf4ec;
--color-milk-tooth-100: #eee7dd;
--color-milk-tooth-200: #dcd3c6;
--color-milk-tooth-300: #c0b6a6;
--color-milk-tooth-400: #a99c8b;
--color-milk-tooth-500: #938470;
--color-milk-tooth-600: #7c6f5f;
--color-milk-tooth-700: #63594c;
--color-milk-tooth-800: #494137;
--color-milk-tooth-900: #332d25;
--color-milk-tooth-950: #1e1a14;
}SCSS
$milk-tooth: #faebd7;
$milk-tooth-rgb: 250, 235, 215;
$milk-tooth-light: mix(#fff, $milk-tooth, 20%);
$milk-tooth-dark: mix(#000, $milk-tooth, 20%);
.element {
color: $milk-tooth;
box-shadow: 0 0 0 2px rgba($milk-tooth, 0.35);
}