色名 · #6B6047
Ochicha Latte
Ochicha Latteは#6B6047：rgb(107 96 71)、hsl(42 20% 35%)、oklch(0.493 0.04 87)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Ochicha Latte color name →
#6B6047
oklch(0.493 0.04 87)
カラー変換
- HEX
- #6b6047
- RGB
- rgb(107 96 71)
- HSL
- hsl(42 20% 35%)
- HWB
- hwb(42 28% 58%)
- OKLCH
- oklch(0.493 0.04 87)
- OKLab
- oklab(0.493 0.002 0.04)
- CIE Lab
- lab(41.28 1.47 16.02)
- LCH
- lch(41.28 16.09 84.7)
- CMYK
- cmyk(0% 10% 34% 58%)
ティント · シェード · トーン
ティント
- 796F58
- 877E69
- 958D7B
- A39C8D
- B2AC9F
- C1BCB1
- D0CDC4
- E0DDD8
- EFEEEB
シェード
- 5C523D
- 4E4532
- 3F3828
- 322C1F
- 252016
- 18150D
- 0D0A06
- 040302
- 000000
トーン
- 6D634D
- 6F6652
- 716A58
- 736D5E
- 757063
- 787369
- 7A766F
- 7C7A75
- 7E7D7A
カラーハーモニー
補色 +180°
- 6B6047
Ochicha Latte
- 576179
≈ Nightly
類似色 -30° +30°
- 6B6047
Ochicha Latte
- 735C4B
≈ Sumatra Blend
- 5F644A
≈ Old Botanical Garden
トライアド +120° +240°
- 6B6047
Ochicha Latte
- 46686D
≈ Mythic Forest
- 6E596D
≈ Dark Purple Grey
スプリットコンプリメンタリー +150° +210°
- 6B6047
Ochicha Latte
- 4C6575
≈ Winter Evening
- 635D76
≈ Purple Passage
テトラード +90° +180° +270°
- 6B6047
Ochicha Latte
- 486961
≈ Smoke Pine
- 576179
≈ Nightly
- 755861
≈ Falcon Wing
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.19:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.38:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--ochicha-latte: #6b6047;
--ochicha-latte-rgb: 107 96 71;
--ochicha-latte-oklch: oklch(0.493 0.04 87);
}
.element {
color: var(--ochicha-latte);
background-color: hsl(42 20% 35%);
border-color: oklch(0.493 0.04 87);
}Tailwind CSS v4
@theme {
--color-ochicha-latte: #6b6047;
--color-ochicha-latte-50: #faf5e9;
--color-ochicha-latte-100: #ede7d9;
--color-ochicha-latte-200: #dbd4c1;
--color-ochicha-latte-300: #c0b7a1;
--color-ochicha-latte-400: #a99d84;
--color-ochicha-latte-500: #928568;
--color-ochicha-latte-600: #7b7058;
--color-ochicha-latte-700: #635a46;
--color-ochicha-latte-800: #494133;
--color-ochicha-latte-900: #322d22;
--color-ochicha-latte-950: #1e1a12;
}SCSS
$ochicha-latte: #6b6047;
$ochicha-latte-rgb: 107, 96, 71;
$ochicha-latte-light: mix(#fff, $ochicha-latte, 20%);
$ochicha-latte-dark: mix(#000, $ochicha-latte, 20%);
.element {
color: $ochicha-latte;
box-shadow: 0 0 0 2px rgba($ochicha-latte, 0.35);
}