最も近い色名 · #C1B6D2
#C1B6D2
最も近い色名: Fog Syringa
#C1B6D2（rgb(193 182 210)、hsl(264 24% 77%)、oklch(0.794 0.041 303.3)）に最も近い色名はFog Syringaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C1B6D2
oklch(0.794 0.041 303.3)
カラー変換
- HEX
- #c1b6d2
- RGB
- rgb(193 182 210)
- HSL
- hsl(264 24% 77%)
- HWB
- hwb(264 71% 18%)
- OKLCH
- oklch(0.794 0.041 303.3)
- OKLab
- oklab(0.794 0.022 -0.034)
- CIE Lab
- lab(75.64 8 -12.7)
- LCH
- lch(75.64 15.01 302.2)
- CMYK
- cmyk(8% 13% 0% 18%)
ティント · シェード · トーン
ティント
- C7BDD7
- CDC4DB
- D3CCE0
- D9D3E4
- E0DAE9
- E6E1ED
- ECE9F2
- F2F0F6
- F9F8FB
シェード
- A79EB6
- 8F869B
- 776F81
- 5F5968
- 494450
- 343039
- 201D24
- 0E0C10
- 020202
トーン
- BAB0CA
- B4ABC1
- ADA6B9
- A6A0B0
- A09BA8
- 9995A0
- 939098
- 8D8B90
- 868588
カラーハーモニー
補色 +180°
- C1B6D2
Fog Syringa
- B7C1A4
≈ Chopped Dill
類似色 -30° +30°
- C1B6D2
Fog Syringa
- B3BBD7
≈ Halogen Blue
- CDB3C7
≈ Janey’s Party
トライアド +120° +240°
- C1B6D2
Fog Syringa
- CFB7A1
≈ Sonoran Desert
- A0C5BE
≈ New-Age Green
スプリットコンプリメンタリー +150° +210°
- C1B6D2
Fog Syringa
- C5BC9F
≈ Lush
- A9C4B0
≈ Kind Green
テトラード +90° +180° +270°
- C1B6D2
Fog Syringa
- D5B3AB
≈ Castilian Pink
- B7C1A4
≈ Chopped Dill
- 9FC3CC
≈ Alluring Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.92:1 · APCA Lc 37
Ag
AAA黒の上
WCAG 10.88:1 · APCA Lc 66
最適な文字色: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
コードスニペット
CSS
:root {
--fog-syringa: #c1b6d2;
--fog-syringa-rgb: 193 182 210;
--fog-syringa-oklch: oklch(0.794 0.041 303.3);
}
.element {
color: var(--fog-syringa);
background-color: hsl(264 24% 77%);
border-color: oklch(0.794 0.041 303.3);
}Tailwind CSS v4
@theme {
--color-fog-syringa: #c1b6d2;
--color-fog-syringa-50: #f8f2ff;
--color-fog-syringa-100: #ebe5f3;
--color-fog-syringa-200: #d8d0e3;
--color-fog-syringa-300: #bcb2c9;
--color-fog-syringa-400: #a399b3;
--color-fog-syringa-500: #8c809d;
--color-fog-syringa-600: #766c85;
--color-fog-syringa-700: #5e576a;
--color-fog-syringa-800: #453f4f;
--color-fog-syringa-900: #2f2c37;
--color-fog-syringa-950: #1c1921;
}SCSS
$fog-syringa: #c1b6d2;
$fog-syringa-rgb: 193, 182, 210;
$fog-syringa-light: mix(#fff, $fog-syringa, 20%);
$fog-syringa-dark: mix(#000, $fog-syringa, 20%);
.element {
color: $fog-syringa;
box-shadow: 0 0 0 2px rgba($fog-syringa, 0.35);
}