最も近い色名 · #D9BEA8
#D9BEA8
最も近い色名: Soba
#D9BEA8（rgb(217 190 168)、hsl(27 39% 75%)、oklch(0.819 0.043 61.3)）に最も近い色名はSobaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D9BEA8
oklch(0.819 0.043 61.3)
カラー変換
- HEX
- #d9bea8
- RGB
- rgb(217 190 168)
- HSL
- hsl(27 39% 75%)
- HWB
- hwb(27 66% 15%)
- OKLCH
- oklch(0.819 0.043 61.3)
- OKLab
- oklab(0.819 0.021 0.038)
- CIE Lab
- lab(78.88 7.41 14.87)
- LCH
- lch(78.88 16.61 63.5)
- CMYK
- cmyk(0% 12% 23% 15%)
ティント · シェード · トーン
ティント
- DDC4B1
- E1CBB9
- E5D1C2
- E8D8CA
- ECDED3
- F0E5DC
- F4EBE4
- F8F2ED
- FBF8F6
シェード
- BCA592
- A18C7C
- 867567
- 6C5E52
- 53483F
- 3B332C
- 251F1A
- 110D0A
- 020201
トーン
- D0B8A4
- C7B1A0
- BEAB9C
- B5A598
- AC9F94
- A39890
- 9A928C
- 918C88
- 898684
カラーハーモニー
補色 +180°
- D9BEA8
Soba
- ACC8DE
≈ Caspian Tide
類似色 -30° +30°
- D9BEA8
Soba
- DEBAB3
≈ Cavern Pink
- CEC3A5
≈ Seasoned Salt
トライアド +120° +240°
- D9BEA8
Soba
- A6CDC5
≈ Baby Aqua
- C8BEDC
≈ Purple Dragon
スプリットコンプリメンタリー +150° +210°
- D9BEA8
Soba
- A4CCD4
≈ Drip
- B9C3E0
≈ Etherium Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.88:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--soba: #d9bea8;
--soba-rgb: 217 190 168;
--soba-oklch: oklch(0.819 0.043 61.3);
}
.element {
color: var(--soba);
background-color: hsl(27 39% 75%);
border-color: oklch(0.819 0.043 61.3);
}Tailwind CSS v4
@theme {
--color-soba: #d9bea8;
--color-soba-50: #fef3e9;
--color-soba-100: #f3e5d9;
--color-soba-200: #e2d1c2;
--color-soba-300: #c8b3a1;
--color-soba-400: #b29985;
--color-soba-500: #9c8069;
--color-soba-600: #846c59;
--color-soba-700: #695747;
--color-soba-800: #4e3f34;
--color-soba-900: #362b23;
--color-soba-950: #211912;
}SCSS
$soba: #d9bea8;
$soba-rgb: 217, 190, 168;
$soba-light: mix(#fff, $soba, 20%);
$soba-dark: mix(#000, $soba, 20%);
.element {
color: $soba;
box-shadow: 0 0 0 2px rgba($soba, 0.35);
}