色名 · #DBBDAA
Wool-Milk Pig
Wool-Milk Pigは#DBBDAA：rgb(219 189 170)、hsl(23 40% 76%)、oklch(0.819 0.043 54.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Wool-Milk Pig color name →
#DBBDAA
oklch(0.819 0.043 54.3)
カラー変換
- HEX
- #dbbdaa
- RGB
- rgb(219 189 170)
- HSL
- hsl(23 40% 76%)
- HWB
- hwb(23 67% 14%)
- OKLCH
- oklch(0.819 0.043 54.3)
- OKLab
- oklab(0.819 0.025 0.035)
- CIE Lab
- lab(78.86 8.89 13.8)
- LCH
- lch(78.86 16.42 57.2)
- CMYK
- cmyk(0% 14% 22% 14%)
ティント · シェード · トーン
ティント
- DFC3B2
- E2CABB
- E6D1C3
- EAD7CC
- EDDED4
- F1E4DD
- F4EBE5
- F8F2EE
- FBF8F6
シェード
- BEA493
- A28C7D
- 877468
- 6D5D53
- 54473F
- 3C332D
- 261F1B
- 110D0B
- 020201
トーン
- D2B7A6
- C8B1A2
- BFAA9D
- B6A499
- AD9E95
- A49891
- 9B928D
- 928C88
- 898684
カラーハーモニー
補色 +180°
- DBBDAA
Wool-Milk Pig
- A9C9DC
≈ Sonata
類似色 -30° +30°
- DBBDAA
Wool-Milk Pig
- DFBAB6
≈ O Fortuna
- D1C2A5
≈ Double Spanish White
トライアド +120° +240°
- DBBDAA
Wool-Milk Pig
- A8CDC2
≈ Baby Aqua
- C5BFDE
≈ Purple Dragon
スプリットコンプリメンタリー +150° +210°
- DBBDAA
Wool-Milk Pig
- A4CDD1
≈ Wave
- B6C4E1
≈ Periwinkle Bud
テトラード +90° +180° +270°
- DBBDAA
Wool-Milk Pig
- B3CCB3
≈ Healing Aloe
- A9C9DC
≈ Sonata
- D2BBD4
≈ Petite Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.87:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.87:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--wool-milk-pig: #dbbdaa;
--wool-milk-pig-rgb: 219 189 170;
--wool-milk-pig-oklch: oklch(0.819 0.043 54.3);
}
.element {
color: var(--wool-milk-pig);
background-color: hsl(23 40% 76%);
border-color: oklch(0.819 0.043 54.3);
}Tailwind CSS v4
@theme {
--color-wool-milk-pig: #dbbdaa;
--color-wool-milk-pig-50: #fff2ea;
--color-wool-milk-pig-100: #f4e5da;
--color-wool-milk-pig-200: #e3d0c3;
--color-wool-milk-pig-300: #c9b2a3;
--color-wool-milk-pig-400: #b39887;
--color-wool-milk-pig-500: #9e7f6b;
--color-wool-milk-pig-600: #856c5b;
--color-wool-milk-pig-700: #6b5649;
--color-wool-milk-pig-800: #4f3e35;
--color-wool-milk-pig-900: #372b24;
--color-wool-milk-pig-950: #221813;
}SCSS
$wool-milk-pig: #dbbdaa;
$wool-milk-pig-rgb: 219, 189, 170;
$wool-milk-pig-light: mix(#fff, $wool-milk-pig, 20%);
$wool-milk-pig-dark: mix(#000, $wool-milk-pig, 20%);
.element {
color: $wool-milk-pig;
box-shadow: 0 0 0 2px rgba($wool-milk-pig, 0.35);
}