最も近い色名 · #DDB7AA
#DDB7AA
最も近い色名: Prosciutto
#DDB7AA（rgb(221 183 170)、hsl(15 43% 77%)、oklch(0.809 0.048 39.8)）に最も近い色名はProsciuttoです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DDB7AA
oklch(0.809 0.048 39.8)
カラー変換
- HEX
- #ddb7aa
- RGB
- rgb(221 183 170)
- HSL
- hsl(15 43% 77%)
- HWB
- hwb(15 67% 13%)
- OKLCH
- oklch(0.809 0.048 39.8)
- OKLab
- oklab(0.809 0.037 0.031)
- CIE Lab
- lab(77.56 12.67 12.03)
- LCH
- lch(77.56 17.48 43.5)
- CMYK
- cmyk(0% 17% 23% 13%)
ティント · シェード · トーン
ティント
- E1BEB2
- E4C5BB
- E8CCC3
- EBD3CB
- EFDBD4
- F2E2DC
- F5E9E5
- F9F0EE
- FCF8F6
シェード
- C09F93
- A4877D
- 887068
- 6E5A53
- 55453F
- 3D312D
- 261E1B
- 110C0B
- 020201
トーン
- D3B1A6
- CAACA2
- C0A69D
- B7A199
- AE9B95
- A59691
- 9B908D
- 928B88
- 898584
カラーハーモニー
補色 +180°
- DDB7AA
Prosciutto
- 9FC9D6
≈ Soothing Blue
類似色 -30° +30°
- DDB7AA
Prosciutto
- DDB5BA
≈ Pencil Eraser
- D5BCA0
≈ Concept Beige
トライアド +120° +240°
- DDB7AA
Prosciutto
- A7CBB6
≈ Bird’s Egg Green
- BABEE0
≈ Wisteria Fragrance
スプリットコンプリメンタリー +150° +210°
- DDB7AA
Prosciutto
- 9ECBC7
≈ Eggshell Blue
- AAC4DF
≈ Blue Prism
テトラード +90° +180° +270°
- DDB7AA
Prosciutto
- B7C7A7
≈ Freshwater Green
- 9FC9D6
≈ Soothing Blue
- CAB9D8
≈ Pussyfoot
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.83:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.42:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--prosciutto: #ddb7aa;
--prosciutto-rgb: 221 183 170;
--prosciutto-oklch: oklch(0.809 0.048 39.8);
}
.element {
color: var(--prosciutto);
background-color: hsl(15 43% 77%);
border-color: oklch(0.809 0.048 39.8);
}Tailwind CSS v4
@theme {
--color-prosciutto: #ddb7aa;
--color-prosciutto-50: #fff1eb;
--color-prosciutto-100: #f7e3dc;
--color-prosciutto-200: #e7cec5;
--color-prosciutto-300: #ceb0a5;
--color-prosciutto-400: #b8958a;
--color-prosciutto-500: #a37c6f;
--color-prosciutto-600: #89695e;
--color-prosciutto-700: #6e544b;
--color-prosciutto-800: #513d37;
--color-prosciutto-900: #392a25;
--color-prosciutto-950: #231714;
}SCSS
$prosciutto: #ddb7aa;
$prosciutto-rgb: 221, 183, 170;
$prosciutto-light: mix(#fff, $prosciutto, 20%);
$prosciutto-dark: mix(#000, $prosciutto, 20%);
.element {
color: $prosciutto;
box-shadow: 0 0 0 2px rgba($prosciutto, 0.35);
}