이름 색상 · #D2C9B8
Almond Milk
Almond Milk은(는) #D2C9B8: rgb(210 201 184), hsl(39 22% 77%), oklch(0.839 0.025 83.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Almond Milk color name →
#D2C9B8
oklch(0.839 0.025 83.4)
색상 변환
- HEX
- #d2c9b8
- RGB
- rgb(210 201 184)
- HSL
- hsl(39 22% 77%)
- HWB
- hwb(39 72% 18%)
- OKLCH
- oklch(0.839 0.025 83.4)
- OKLab
- oklab(0.839 0.003 0.025)
- CIE Lab
- lab(81.36 1.1 9.71)
- LCH
- lch(81.36 9.77 83.5)
- CMYK
- cmyk(0% 4% 12% 18%)
틴트 · 셰이드 · 톤
틴트
- D6CEBF
- DBD4C6
- DFD9CD
- E4DED4
- E8E4DB
- EDE9E2
- F1EFE9
- F6F4F1
- FAFAF8
셰이드
- B6AEA0
- 9B9588
- 817C71
- 68645B
- 504C45
- 393631
- 24221E
- 100F0C
- 020202
톤
- C9C1B2
- C1BAAD
- B9B3A7
- B0ABA1
- A8A49C
- A09D96
- 989590
- 908E8B
- 888785
색 조화
보색 +180°
- D2C9B8
Almond Milk
- C2CADB
≈ Icy Brook
유사색 -30° +30°
- D2C9B8
Almond Milk
- D8C6BB
≈ Winter Savanna
- CACCBA
≈ Green Alabaster
삼각 배색 +120° +240°
- D2C9B8
Almond Milk
- B8CFD1
≈ Lakeside Find
- D3C5D4
≈ Fragrant Snowbell
분열 보색 +150° +210°
- D2C9B8
Almond Milk
- BBCDD8
≈ Light Vanilla Ice
- CAC7D9
≈ Dreamweaver
사각 배색 +90° +180° +270°
- D2C9B8
Almond Milk
- BAD0C8
≈ Jet Stream
- C2CADB
≈ Icy Brook
- D8C4CB
≈ Old Mission Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.78:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--almond-milk: #d2c9b8;
--almond-milk-rgb: 210 201 184;
--almond-milk-oklch: oklch(0.839 0.025 83.4);
}
.element {
color: var(--almond-milk);
background-color: hsl(39 22% 77%);
border-color: oklch(0.839 0.025 83.4);
}Tailwind CSS v4
@theme {
--color-almond-milk: #d2c9b8;
--color-almond-milk-50: #f8f5ed;
--color-almond-milk-100: #ece7df;
--color-almond-milk-200: #d9d4c8;
--color-almond-milk-300: #bdb7a9;
--color-almond-milk-400: #a69d8e;
--color-almond-milk-500: #8e8574;
--color-almond-milk-600: #787162;
--color-almond-milk-700: #605a4e;
--color-almond-milk-800: #474239;
--color-almond-milk-900: #312d27;
--color-almond-milk-950: #1d1a15;
}SCSS
$almond-milk: #d2c9b8;
$almond-milk-rgb: 210, 201, 184;
$almond-milk-light: mix(#fff, $almond-milk, 20%);
$almond-milk-dark: mix(#000, $almond-milk, 20%);
.element {
color: $almond-milk;
box-shadow: 0 0 0 2px rgba($almond-milk, 0.35);
}