色名 · #6F4E37
Coffee
Coffeeは#6F4E37：rgb(111 78 55)、hsl(25 34% 33%)、oklch(0.454 0.057 55.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Coffee color name →
#6F4E37
oklch(0.454 0.057 55.6)
カラー変換
- HEX
- #6f4e37
- RGB
- rgb(111 78 55)
- HSL
- hsl(25 34% 33%)
- HWB
- hwb(25 22% 56%)
- OKLCH
- oklch(0.454 0.057 55.6)
- OKLab
- oklab(0.454 0.032 0.047)
- CIE Lab
- lab(36.42 12.13 19.4)
- LCH
- lch(36.42 22.88 58)
- CMYK
- cmyk(0% 30% 50% 56%)
ティント · シェード · トーン
ティント
- 7D5E49
- 8B6F5C
- 99806F
- A79182
- B5A396
- C4B4AA
- D2C7BF
- E1D9D4
- F0ECE9
シェード
- 60432E
- 513826
- 422D1E
- 342316
- 27190F
- 1A0F08
- 0E0703
- 040201
- 010000
トーン
- 71533E
- 735846
- 755D4D
- 776254
- 78675B
- 7A6C63
- 7C716A
- 7D7671
- 7F7B79
カラーハーモニー
補色 +180°
- 6F4E37
Coffee
- 355B72
≈ Shasta Lake
類似色 -30° +30°
- 6F4E37
Coffee
- 734A46
≈ Rohwurst
- 655430
≈ Uguisu Brown
トライアド +120° +240°
- 6F4E37
Coffee
- 306155
≈ Posy Green
- 595073
≈ Benikakehana Purple
スプリットコンプリメンタリー +150° +210°
- 6F4E37
Coffee
- 2B5F66
≈ Gulf Harbour
- 475676
≈ Steadfast
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.44:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.82:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.44:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--coffee: #6f4e37;
--coffee-rgb: 111 78 55;
--coffee-oklch: oklch(0.454 0.057 55.6);
}
.element {
color: var(--coffee);
background-color: hsl(25 34% 33%);
border-color: oklch(0.454 0.057 55.6);
}Tailwind CSS v4
@theme {
--color-coffee: #6f4e37;
--color-coffee-50: #fff2e6;
--color-coffee-100: #f7e4d6;
--color-coffee-200: #e8cfbd;
--color-coffee-300: #cfb19b;
--color-coffee-400: #b9967f;
--color-coffee-500: #a47d62;
--color-coffee-600: #8b6a53;
--color-coffee-700: #6f5442;
--color-coffee-800: #523d30;
--color-coffee-900: #392a20;
--color-coffee-950: #241810;
}SCSS
$coffee: #6f4e37;
$coffee-rgb: 111, 78, 55;
$coffee-light: mix(#fff, $coffee, 20%);
$coffee-dark: mix(#000, $coffee, 20%);
.element {
color: $coffee;
box-shadow: 0 0 0 2px rgba($coffee, 0.35);
}