最も近い色名 · #6D768D
#6D768D
最も近い色名: Abandoned Spaceship
#6D768D（rgb(109 118 141)、hsl(223 13% 49%)、oklch(0.567 0.037 268.4)）に最も近い色名はAbandoned Spaceshipです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6D768D
oklch(0.567 0.037 268.4)
カラー変換
- HEX
- #6d768d
- RGB
- rgb(109 118 141)
- HSL
- hsl(223 13% 49%)
- HWB
- hwb(223 43% 45%)
- OKLCH
- oklch(0.567 0.037 268.4)
- OKLab
- oklab(0.567 -0.001 -0.037)
- CIE Lab
- lab(49.5 0.52 -13.8)
- LCH
- lch(49.5 13.81 272.1)
- CMYK
- cmyk(23% 16% 0% 45%)
ティント · シェード · トーン
ティント
- 7B8398
- 8890A3
- 969DAE
- A5ABB9
- B3B8C5
- C2C6D0
- D1D4DC
- E0E2E7
- EFF1F3
シェード
- 5E667A
- 4F5667
- 414755
- 333844
- 262933
- 191C23
- 0D0F14
- 040507
- 010101
トーン
- 6F778C
- 71788B
- 737989
- 757A88
- 767B87
- 787C85
- 7A7D84
- 7C7E83
- 7E7F81
カラーハーモニー
補色 +180°
- 6D768D
Abandoned Spaceship
- 7F765E
≈ Covert Green
類似色 -30° +30°
- 6D768D
Abandoned Spaceship
- 627A8A
≈ Canyon Blue
- 79728A
≈ Plum Shade
トライアド +120° +240°
- 6D768D
Abandoned Spaceship
- 8B6F6A
≈ Dutch Cocoa
- 687D6A
≈ Cricket Green
スプリットコンプリメンタリー +150° +210°
- 6D768D
Abandoned Spaceship
- 887161
≈ Cloudy Cinnamon
- 747A61
≈ Desert Chaparral
テトラード +90° +180° +270°
- 6D768D
Abandoned Spaceship
- 8A6E76
≈ Pink Poppy
- 7F765E
≈ Covert Green
- 5F7E76
≈ Penzance
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.53:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.62:1 · APCA Lc 30
最適な文字色: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
コードスニペット
CSS
:root {
--abandoned-spaceship: #6d768d;
--abandoned-spaceship-rgb: 109 118 141;
--abandoned-spaceship-oklch: oklch(0.567 0.037 268.4);
}
.element {
color: var(--abandoned-spaceship);
background-color: hsl(223 13% 49%);
border-color: oklch(0.567 0.037 268.4);
}Tailwind CSS v4
@theme {
--color-abandoned-spaceship: #6d768d;
--color-abandoned-spaceship-50: #f1f5ff;
--color-abandoned-spaceship-100: #e3e8f5;
--color-abandoned-spaceship-200: #ced4e5;
--color-abandoned-spaceship-300: #b0b7cb;
--color-abandoned-spaceship-400: #959eb5;
--color-abandoned-spaceship-500: #7c86a0;
--color-abandoned-spaceship-600: #697187;
--color-abandoned-spaceship-700: #545b6c;
--color-abandoned-spaceship-800: #3c4250;
--color-abandoned-spaceship-900: #292e37;
--color-abandoned-spaceship-950: #171b22;
}SCSS
$abandoned-spaceship: #6d768d;
$abandoned-spaceship-rgb: 109, 118, 141;
$abandoned-spaceship-light: mix(#fff, $abandoned-spaceship, 20%);
$abandoned-spaceship-dark: mix(#000, $abandoned-spaceship, 20%);
.element {
color: $abandoned-spaceship;
box-shadow: 0 0 0 2px rgba($abandoned-spaceship, 0.35);
}