最も近い色名 · #DDB0A5
#DDB0A5
最も近い色名: Borlotti Bean
#DDB0A5（rgb(221 176 165)、hsl(12 45% 76%)、oklch(0.795 0.055 34.1)）に最も近い色名はBorlotti Beanです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DDB0A5
oklch(0.795 0.055 34.1)
カラー変換
- HEX
- #ddb0a5
- RGB
- rgb(221 176 165)
- HSL
- hsl(12 45% 76%)
- HWB
- hwb(12 65% 13%)
- OKLCH
- oklch(0.795 0.055 34.1)
- OKLab
- oklab(0.795 0.046 0.031)
- CIE Lab
- lab(75.76 15.69 12.21)
- LCH
- lch(75.76 19.89 37.9)
- CMYK
- cmyk(0% 20% 25% 13%)
ティント · シェード · トーン
ティント
- E1B8AE
- E4C0B7
- E8C7BF
- EBCFC8
- EFD7D1
- F2DFDA
- F5E7E3
- F9EFED
- FCF7F6
シェード
- C0998F
- A48279
- 886C65
- 6E5651
- 55423D
- 3D2E2B
- 261C1A
- 110B0A
- 020101
トーン
- D3ABA1
- CAA69E
- C1A29A
- B79D96
- AE9892
- A5938F
- 9B8E8B
- 928A87
- 898584
カラーハーモニー
補色 +180°
- DDB0A5
Borlotti Bean
- 94C6D2
≈ Idyllic Isle
類似色 -30° +30°
- DDB0A5
Borlotti Bean
- DCAEB8
≈ Pentalon
- D6B598
≈ Entrada Sandstone
トライアド +120° +240°
- DDB0A5
Borlotti Bean
- A1C7AC
≈ Mini Green
- B1BAE0
≈ French Lilac Blue
スプリットコンプリメンタリー +150° +210°
- DDB0A5
Borlotti Bean
- 94C8C0
≈ Jamaica Bay
- 9FC1DD
≈ Charismatic Sky
テトラード +90° +180° +270°
- DDB0A5
Borlotti Bean
- B4C39C
≈ Green Eggs & Cam
- 94C6D2
≈ Idyllic Isle
- C3B4D9
≈ Moonraker
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.93:1 · APCA Lc 37
Ag
AAA黒の上
WCAG 10.82:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--borlotti-bean: #ddb0a5;
--borlotti-bean-rgb: 221 176 165;
--borlotti-bean-oklch: oklch(0.795 0.055 34.1);
}
.element {
color: var(--borlotti-bean);
background-color: hsl(12 45% 76%);
border-color: oklch(0.795 0.055 34.1);
}Tailwind CSS v4
@theme {
--color-borlotti-bean: #ddb0a5;
--color-borlotti-bean-50: #fff0ea;
--color-borlotti-bean-100: #fae2db;
--color-borlotti-bean-200: #ebcdc4;
--color-borlotti-bean-300: #d2aea4;
--color-borlotti-bean-400: #bd9389;
--color-borlotti-bean-500: #a7796e;
--color-borlotti-bean-600: #8d675d;
--color-borlotti-bean-700: #71524a;
--color-borlotti-bean-800: #543b36;
--color-borlotti-bean-900: #3a2925;
--color-borlotti-bean-950: #241714;
}SCSS
$borlotti-bean: #ddb0a5;
$borlotti-bean-rgb: 221, 176, 165;
$borlotti-bean-light: mix(#fff, $borlotti-bean, 20%);
$borlotti-bean-dark: mix(#000, $borlotti-bean, 20%);
.element {
color: $borlotti-bean;
box-shadow: 0 0 0 2px rgba($borlotti-bean, 0.35);
}