最も近い色名 · #D2C0B2
#D2C0B2
最も近い色名: Smoke Dragon
#D2C0B2（rgb(210 192 178)、hsl(26 26% 76%)、oklch(0.819 0.028 60.3)）に最も近い色名はSmoke Dragonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D2C0B2
oklch(0.819 0.028 60.3)
カラー変換
- HEX
- #d2c0b2
- RGB
- rgb(210 192 178)
- HSL
- hsl(26 26% 76%)
- HWB
- hwb(26 70% 18%)
- OKLCH
- oklch(0.819 0.028 60.3)
- OKLab
- oklab(0.819 0.014 0.024)
- CIE Lab
- lab(78.94 4.86 9.5)
- LCH
- lch(78.94 10.68 62.9)
- CMYK
- cmyk(0% 9% 15% 18%)
ティント · シェード · トーン
ティント
- D6C6BA
- DBCCC1
- DFD3C9
- E4D9D0
- E8DFD8
- EDE5E0
- F1ECE7
- F6F2EF
- FAF9F7
シェード
- B6A79A
- 9B8E83
- 81766D
- 685F57
- 504943
- 39342F
- 24201D
- 100E0C
- 020201
トーン
- CAB9AD
- C1B3A8
- B9ACA3
- B0A69E
- A89F99
- A09994
- 98938F
- 908C8A
- 888685
カラーハーモニー
補色 +180°
- D2C0B2
Smoke Dragon
- B4C7D5
≈ Celestyn
類似色 -30° +30°
- D2C0B2
Smoke Dragon
- D5BEB9
≈ Salmon Smoke
- CBC3B0
≈ Still Moment
トライアド +120° +240°
- D2C0B2
Smoke Dragon
- B1CAC4
≈ Light Teal
- C6C0D4
≈ Estate Violet
スプリットコンプリメンタリー +150° +210°
- D2C0B2
Smoke Dragon
- B0C9CE
≈ Floating Blue
- BDC3D7
≈ Lavender Escape
テトラード +90° +180° +270°
- D2C0B2
Smoke Dragon
- B8C9BA
≈ Pond’s Edge
- B4C7D5
≈ Celestyn
- CFBECC
≈ Puffball
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.92:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--smoke-dragon: #d2c0b2;
--smoke-dragon-rgb: 210 192 178;
--smoke-dragon-oklch: oklch(0.819 0.028 60.3);
}
.element {
color: var(--smoke-dragon);
background-color: hsl(26 26% 76%);
border-color: oklch(0.819 0.028 60.3);
}Tailwind CSS v4
@theme {
--color-smoke-dragon: #d2c0b2;
--color-smoke-dragon-50: #fbf4ed;
--color-smoke-dragon-100: #efe6df;
--color-smoke-dragon-200: #ddd2c8;
--color-smoke-dragon-300: #c2b5a9;
--color-smoke-dragon-400: #ab9b8e;
--color-smoke-dragon-500: #958274;
--color-smoke-dragon-600: #7e6e62;
--color-smoke-dragon-700: #65584e;
--color-smoke-dragon-800: #4a4039;
--color-smoke-dragon-900: #332c27;
--color-smoke-dragon-950: #1f1915;
}SCSS
$smoke-dragon: #d2c0b2;
$smoke-dragon-rgb: 210, 192, 178;
$smoke-dragon-light: mix(#fff, $smoke-dragon, 20%);
$smoke-dragon-dark: mix(#000, $smoke-dragon, 20%);
.element {
color: $smoke-dragon;
box-shadow: 0 0 0 2px rgba($smoke-dragon, 0.35);
}