最も近い色名 · #6E6B70
#6E6B70
最も近い色名: Paris Paving
#6E6B70（rgb(110 107 112)、hsl(276 2% 43%)、oklch(0.532 0.009 312.2)）に最も近い色名はParis Pavingです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6E6B70
oklch(0.532 0.009 312.2)
カラー変換
- HEX
- #6e6b70
- RGB
- rgb(110 107 112)
- HSL
- hsl(276 2% 43%)
- HWB
- hwb(276 42% 56%)
- OKLCH
- oklch(0.532 0.009 312.2)
- OKLab
- oklab(0.532 0.006 -0.006)
- CIE Lab
- lab(45.62 1.97 -2.37)
- LCH
- lch(45.62 3.08 309.8)
- CMYK
- cmyk(2% 4% 0% 56%)
ティント · シェード · トーン
ティント
- 7B797D
- 89878B
- 979599
- A5A3A7
- B4B2B5
- C2C1C3
- D1D0D2
- E0E0E1
- F0EFF0
シェード
- 5F5C60
- 504E51
- 413F43
- 333235
- 262527
- 19181A
- 0E0D0E
- 040404
- 010001
トーン
- 706D72
- 726F73
- 737175
- 757376
- 777578
- 79787A
- 7B7A7B
- 7C7C7D
- 7E7E7E
カラーハーモニー
補色 +180°
- 6E6B70
Paris Paving
- 6A6D68
≈ Shadows
類似色 -30° +30°
- 6E6B70
Paris Paving
- 6B6C71
≈ Platinum Grey
- 706A6E
≈ Deep Greige
トライアド +120° +240°
- 6E6B70
Paris Paving
- 706C67
≈ Shot-Put
- 676E6E
≈ Nevada
スプリットコンプリメンタリー +150° +210°
- 6E6B70
Paris Paving
- 6D6D67
≈ Shadows
- 686E6B
≈ Sedona Sage
テトラード +90° +180° +270°
- 6E6B70
Paris Paving
- 716B69
≈ Gibraltar Grey
- 6A6D68
≈ Shadows
- 676E70
≈ Beautiful Darkness
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.24:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.00:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--paris-paving: #6e6b70;
--paris-paving-rgb: 110 107 112;
--paris-paving-oklch: oklch(0.532 0.009 312.2);
}
.element {
color: var(--paris-paving);
background-color: hsl(276 2% 43%);
border-color: oklch(0.532 0.009 312.2);
}Tailwind CSS v4
@theme {
--color-paris-paving: #6e6b70;
--color-paris-paving-50: #f6f4f7;
--color-paris-paving-100: #e9e7ea;
--color-paris-paving-200: #d5d3d7;
--color-paris-paving-300: #b9b6ba;
--color-paris-paving-400: #a09da2;
--color-paris-paving-500: #88858a;
--color-paris-paving-600: #737075;
--color-paris-paving-700: #5c5a5e;
--color-paris-paving-800: #434245;
--color-paris-paving-900: #2e2d2f;
--color-paris-paving-950: #1b1a1c;
}SCSS
$paris-paving: #6e6b70;
$paris-paving-rgb: 110, 107, 112;
$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);
}