最も近い色名 · #6F6B6D
#6F6B6D
最も近い色名: Paris Paving
#6F6B6D（rgb(111 107 109)、hsl(330 2% 43%)、oklch(0.532 0.006 345.4)）に最も近い色名はParis Pavingです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6F6B6D
oklch(0.532 0.006 345.4)
カラー変換
- HEX
- #6f6b6d
- RGB
- rgb(111 107 109)
- HSL
- hsl(330 2% 43%)
- HWB
- hwb(330 42% 56%)
- OKLCH
- oklch(0.532 0.006 345.4)
- OKLab
- oklab(0.532 0.006 -0.001)
- CIE Lab
- lab(45.64 1.91 -0.54)
- LCH
- lch(45.64 1.98 344.2)
- CMYK
- cmyk(0% 4% 2% 56%)
ティント · シェード · トーン
ティント
- 7C797B
- 8A8788
- 989596
- A6A3A5
- B4B2B3
- C3C1C2
- D2D0D1
- E1E0E0
- F0EFEF
シェード
- 605C5E
- 514E4F
- 423F41
- 343233
- 272526
- 1A1819
- 0E0D0D
- 040404
- 010001
トーン
- 716D6F
- 726F71
- 747173
- 767375
- 777576
- 797878
- 7B7A7A
- 7D7C7C
- 7E7E7E
カラーハーモニー
補色 +180°
- 6F6B6D
Paris Paving
- 696D6B
≈ Sedona Sage
類似色 -30° +30°
- 6F6B6D
Paris Paving
- 6E6B6F
≈ Wetbar
- 706B6B
≈ Dove Grey
トライアド +120° +240°
- 6F6B6D
Paris Paving
- 6D6D69
≈ Shadows
- 696D6F
≈ Platinum Grey
スプリットコンプリメンタリー +150° +210°
- 6F6B6D
Paris Paving
- 6B6D6A
≈ Shadows
- 696D6D
≈ Dark Ash
テトラード +90° +180° +270°
- 6F6B6D
Paris Paving
- 6E6C69
≈ Dove Grey
- 696D6B
≈ Sedona Sage
- 6A6D70
≈ Platinum Grey
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.25:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.99:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--paris-paving: #6f6b6d;
--paris-paving-rgb: 111 107 109;
--paris-paving-oklch: oklch(0.532 0.006 345.4);
}
.element {
color: var(--paris-paving);
background-color: hsl(330 2% 43%);
border-color: oklch(0.532 0.006 345.4);
}Tailwind CSS v4
@theme {
--color-paris-paving: #6f6b6d;
--color-paris-paving-50: #f6f4f5;
--color-paris-paving-100: #e9e7e8;
--color-paris-paving-200: #d6d3d5;
--color-paris-paving-300: #bab6b8;
--color-paris-paving-400: #a19d9f;
--color-paris-paving-500: #898587;
--color-paris-paving-600: #747072;
--color-paris-paving-700: #5d5a5b;
--color-paris-paving-800: #444243;
--color-paris-paving-900: #2f2d2e;
--color-paris-paving-950: #1b1a1b;
}SCSS
$paris-paving: #6f6b6d;
$paris-paving-rgb: 111, 107, 109;
$paris-paving-light: mix(#fff, $paris-paving, 20%);
$paris-paving-dark: mix(#000, $paris-paving, 20%);
.element {
color: $paris-paving;
box-shadow: 0 0 0 2px rgba($paris-paving, 0.35);
}