最も近い色名 · #7C6650
#7C6650
最も近い色名: Pastel Brown
#7C6650（rgb(124 102 80)、hsl(30 22% 40%)、oklch(0.526 0.043 66.7)）に最も近い色名はPastel Brownです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7C6650
oklch(0.526 0.043 66.7)
カラー変換
- HEX
- #7c6650
- RGB
- rgb(124 102 80)
- HSL
- hsl(30 22% 40%)
- HWB
- hwb(30 31% 51%)
- OKLCH
- oklch(0.526 0.043 66.7)
- OKLab
- oklab(0.526 0.017 0.04)
- CIE Lab
- lab(44.94 6.57 15.95)
- LCH
- lch(44.94 17.25 67.6)
- CMYK
- cmyk(0% 18% 35% 51%)
ティント · シェード · トーン
ティント
- 887460
- 958371
- A29181
- AFA092
- BCB0A4
- C9BFB6
- D6CFC7
- E4DFDA
- F1EFEC
シェード
- 6B5844
- 5A4A39
- 4A3C2E
- 3B2F24
- 2C231A
- 1E1710
- 110C07
- 050402
- 010000
トーン
- 7D6955
- 7D6B5A
- 7D6E5F
- 7E7063
- 7E7368
- 7F766D
- 7F7872
- 7F7B76
- 807D7B
カラーハーモニー
補色 +180°
- 7C6650
Pastel Brown
- 566D83
≈ Blueberry Dream
類似色 -30° +30°
- 7C6650
Pastel Brown
- 816259
≈ Hot Cocoa
- 726B4E
≈ Olive Grove
トライアド +120° +240°
- 7C6650
Pastel Brown
- 4D736F
≈ Smoky Emerald
- 71647F
≈ Victorian Iris
スプリットコンプリメンタリー +150° +210°
- 7C6650
Pastel Brown
- 4D717B
≈ Tornado Season
- 646984
≈ Grape Haze
テトラード +90° +180° +270°
- 7C6650
Pastel Brown
- 567260
≈ Painted Turtle
- 566D83
≈ Blueberry Dream
- 7B6174
≈ Chicha Morada
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.42:1 · APCA Lc 77
Ag
Fail黒の上
WCAG 3.87:1 · APCA Lc 25
最適な文字色: #FFFFFF
WCAG 5.42:1 (AA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--pastel-brown: #7c6650;
--pastel-brown-rgb: 124 102 80;
--pastel-brown-oklch: oklch(0.526 0.043 66.7);
}
.element {
color: var(--pastel-brown);
background-color: hsl(30 22% 40%);
border-color: oklch(0.526 0.043 66.7);
}Tailwind CSS v4
@theme {
--color-pastel-brown: #7c6650;
--color-pastel-brown-50: #fef3e8;
--color-pastel-brown-100: #f2e6d9;
--color-pastel-brown-200: #e1d1c1;
--color-pastel-brown-300: #c7b4a0;
--color-pastel-brown-400: #b09a84;
--color-pastel-brown-500: #9a8168;
--color-pastel-brown-600: #826d58;
--color-pastel-brown-700: #685746;
--color-pastel-brown-800: #4d3f33;
--color-pastel-brown-900: #362c22;
--color-pastel-brown-950: #211912;
}SCSS
$pastel-brown: #7c6650;
$pastel-brown-rgb: 124, 102, 80;
$pastel-brown-light: mix(#fff, $pastel-brown, 20%);
$pastel-brown-dark: mix(#000, $pastel-brown, 20%);
.element {
color: $pastel-brown;
box-shadow: 0 0 0 2px rgba($pastel-brown, 0.35);
}