最も近い色名 · #6E4F00
#6E4F00
最も近い色名: Coffee Adept
#6E4F00（rgb(110 79 0)、hsl(43 100% 22%)、oklch(0.449 0.092 82.4)）に最も近い色名はCoffee Adeptです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6E4F00
oklch(0.449 0.092 82.4)
カラー変換
- HEX
- #6e4f00
- RGB
- rgb(110 79 0)
- HSL
- hsl(43 100% 22%)
- HWB
- hwb(43 0% 57%)
- OKLCH
- oklch(0.449 0.092 82.4)
- OKLab
- oklab(0.449 0.012 0.092)
- CIE Lab
- lab(36.13 8.73 44.3)
- LCH
- lch(36.13 45.15 78.8)
- CMYK
- cmyk(0% 28% 100% 57%)
ティント · シェード · トーン
ティント
- 7C5F26
- 8A703F
- 988157
- A6926E
- B4A485
- C3B69D
- D2C8B5
- E1DACD
- F0ECE6
シェード
- 5F4400
- 503800
- 412E00
- 332300
- 261900
- 191000
- 0E0700
- 040200
- 010000
トーン
- 705419
- 725928
- 745E35
- 766340
- 77684C
- 796D56
- 7B7261
- 7D766B
- 7E7B76
カラーハーモニー
補色 +180°
- 6E4F00
Coffee Adept
- 385488
≈ Glimpse of Void
類似色 -30° +30°
- 6E4F00
Coffee Adept
- 7C451E
≈ Russet
- 565A0F
≈ Greensboro
トライアド +120° +240°
- 6E4F00
Coffee Adept
- 006167
≈ Turkish Aqua
- 6D4273
≈ Palace Purple
スプリットコンプリメンタリー +150° +210°
- 6E4F00
Coffee Adept
- 005D7F
≈ Back of Beyond
- 574A84
≈ Victoria
テトラード +90° +180° +270°
- 6E4F00
Coffee Adept
- 006450
≈ Piney Lake
- 385488
≈ Glimpse of Void
- 7B3D5A
≈ Mulled Plum
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.55:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.78:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.55:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--coffee-adept: #6e4f00;
--coffee-adept-rgb: 110 79 0;
--coffee-adept-oklch: oklch(0.449 0.092 82.4);
}
.element {
color: var(--coffee-adept);
background-color: hsl(43 100% 22%);
border-color: oklch(0.449 0.092 82.4);
}Tailwind CSS v4
@theme {
--color-coffee-adept: #6e4f00;
--color-coffee-adept-50: #fff4d8;
--color-coffee-adept-100: #f6e6c6;
--color-coffee-adept-200: #e7d2a8;
--color-coffee-adept-300: #ceb481;
--color-coffee-adept-400: #b9995d;
--color-coffee-adept-500: #a48036;
--color-coffee-adept-600: #8b6c2f;
--color-coffee-adept-700: #6f5725;
--color-coffee-adept-800: #533f19;
--color-coffee-adept-900: #3a2b10;
--color-coffee-adept-950: #241804;
}SCSS
$coffee-adept: #6e4f00;
$coffee-adept-rgb: 110, 79, 0;
$coffee-adept-light: mix(#fff, $coffee-adept, 20%);
$coffee-adept-dark: mix(#000, $coffee-adept, 20%);
.element {
color: $coffee-adept;
box-shadow: 0 0 0 2px rgba($coffee-adept, 0.35);
}