最も近い色名 · #75669B
#75669B
最も近い色名: Scampi
#75669B（rgb(117 102 155)、hsl(257 21% 50%)、oklch(0.546 0.083 296.6)）に最も近い色名はScampiです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#75669B
oklch(0.546 0.083 296.6)
カラー変換
- HEX
- #75669b
- RGB
- rgb(117 102 155)
- HSL
- hsl(257 21% 50%)
- HWB
- hwb(257 40% 39%)
- OKLCH
- oklch(0.546 0.083 296.6)
- OKLab
- oklab(0.546 0.037 -0.074)
- CIE Lab
- lab(46.27 15.02 -26.87)
- LCH
- lch(46.27 30.78 299.2)
- CMYK
- cmyk(25% 34% 0% 39%)
ティント · シェード · トーン
ティント
- 8274A5
- 8F83AF
- 9C92B9
- A9A1C3
- B7B0CD
- C5C0D7
- D3CFE1
- E2DFEB
- F0EFF5
シェード
- 655886
- 554A72
- 463C5E
- 372F4B
- 292339
- 1C1728
- 0F0C18
- 050409
- 010001
トーン
- 766999
- 776C96
- 786E94
- 797191
- 7A748E
- 7B768C
- 7C7989
- 7E7B86
- 7F7E83
カラーハーモニー
補色 +180°
- 75669B
Scampi
- 6D773C
≈ Swamp Shrub
類似色 -30° +30°
- 75669B
Scampi
- 5A6FA1
≈ Splendour and Pride
- 8A5F8A
≈ Candy Violet
トライアド +120° +240°
- 75669B
Scampi
- 95633E
≈ Ash Brown
- 2F806F
≈ Green Belt
スプリットコンプリメンタリー +150° +210°
- 75669B
Scampi
- 856D33
≈ Aged Antics
- 4F7D53
≈ Melbourne
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.08:1 · APCA Lc 75
Ag
Fail黒の上
WCAG 4.13:1 · APCA Lc 27
最適な文字色: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--scampi: #75669b;
--scampi-rgb: 117 102 155;
--scampi-oklch: oklch(0.546 0.083 296.6);
}
.element {
color: var(--scampi);
background-color: hsl(257 21% 50%);
border-color: oklch(0.546 0.083 296.6);
}Tailwind CSS v4
@theme {
--color-scampi: #75669b;
--color-scampi-50: #f8f1ff;
--color-scampi-100: #ebe2ff;
--color-scampi-200: #d8cdf4;
--color-scampi-300: #bcafdd;
--color-scampi-400: #a395ca;
--color-scampi-500: #8b7bb7;
--color-scampi-600: #76689a;
--color-scampi-700: #5e537c;
--color-scampi-800: #443d5c;
--color-scampi-900: #2f2a41;
--color-scampi-950: #1c1729;
}SCSS
$scampi: #75669b;
$scampi-rgb: 117, 102, 155;
$scampi-light: mix(#fff, $scampi, 20%);
$scampi-dark: mix(#000, $scampi, 20%);
.element {
color: $scampi;
box-shadow: 0 0 0 2px rgba($scampi, 0.35);
}