最も近い色名 · #6B7C54
#6B7C54
最も近い色名: Emerald City
#6B7C54（rgb(107 124 84)、hsl(85 19% 41%)、oklch(0.562 0.062 127)）に最も近い色名はEmerald Cityです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6B7C54
oklch(0.562 0.062 127)
カラー変換
- HEX
- #6b7c54
- RGB
- rgb(107 124 84)
- HSL
- hsl(85 19% 41%)
- HWB
- hwb(85 33% 51%)
- OKLCH
- oklch(0.562 0.062 127)
- OKLab
- oklab(0.562 -0.037 0.05)
- CIE Lab
- lab(49.81 -12.13 19.73)
- LCH
- lch(49.81 23.16 121.6)
- CMYK
- cmyk(14% 0% 32% 51%)
ティント · シェード · トーン
ティント
- 798864
- 879574
- 95A285
- A3AF96
- B2BCA7
- C1C9B8
- D0D6C9
- E0E4DB
- EFF1ED
シェード
- 5C6B48
- 4E5A3C
- 3F4A31
- 323B26
- 252C1B
- 181E11
- 0D1108
- 040502
- 000100
トーン
- 6D7C59
- 6F7D5D
- 717D62
- 737E66
- 757E6B
- 787F6F
- 7A7F73
- 7C7F78
- 7E807C
カラーハーモニー
補色 +180°
- 6B7C54
Emerald City
- 7E6B92
≈ Ornate
類似色 -30° +30°
- 6B7C54
Emerald City
- 7F754A
≈ Peppered Moss
- 568066
≈ Mistletoe Whisper
トライアド +120° +240°
- 6B7C54
Emerald City
- 577998
≈ Quiet Harbour
- 95666F
≈ Soft Bromeliad
スプリットコンプリメンタリー +150° +210°
- 6B7C54
Emerald City
- 6B729A
≈ Silk Crepe Mauve
- 8D6782
≈ Milkwort Red
テトラード +90° +180° +270°
- 6B7C54
Emerald City
- 477E8D
≈ Wish Upon a Star
- 7E6B92
≈ Ornate
- 95685B
≈ Italian Mocha
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.52:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.63:1 · APCA Lc 30
最適な文字色: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
コードスニペット
CSS
:root {
--emerald-city: #6b7c54;
--emerald-city-rgb: 107 124 84;
--emerald-city-oklch: oklch(0.562 0.062 127);
}
.element {
color: var(--emerald-city);
background-color: hsl(85 19% 41%);
border-color: oklch(0.562 0.062 127);
}Tailwind CSS v4
@theme {
--color-emerald-city: #6b7c54;
--color-emerald-city-50: #f0f9e6;
--color-emerald-city-100: #e1ecd7;
--color-emerald-city-200: #ccdabe;
--color-emerald-city-300: #aebe9d;
--color-emerald-city-400: #94a67e;
--color-emerald-city-500: #7b8e61;
--color-emerald-city-600: #687853;
--color-emerald-city-700: #536042;
--color-emerald-city-800: #3d462e;
--color-emerald-city-900: #2a311f;
--color-emerald-city-950: #181d0f;
}SCSS
$emerald-city: #6b7c54;
$emerald-city-rgb: 107, 124, 84;
$emerald-city-light: mix(#fff, $emerald-city, 20%);
$emerald-city-dark: mix(#000, $emerald-city, 20%);
.element {
color: $emerald-city;
box-shadow: 0 0 0 2px rgba($emerald-city, 0.35);
}