色名 · #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);
}