色名 · #7A5D46
Ridgeline
Ridgelineは#7A5D46：rgb(122 93 70)、hsl(27 27% 38%)、oklch(0.502 0.051 59.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Ridgeline color name →
#7A5D46
oklch(0.502 0.051 59.7)
カラー変換
- HEX
- #7a5d46
- RGB
- rgb(122 93 70)
- HSL
- hsl(27 27% 38%)
- HWB
- hwb(27 27% 52%)
- OKLCH
- oklch(0.502 0.051 59.7)
- OKLab
- oklab(0.502 0.026 0.044)
- CIE Lab
- lab(42.08 9.81 18.03)
- LCH
- lch(42.08 20.52 61.5)
- CMYK
- cmyk(0% 24% 43% 52%)
ティント · シェード · トーン
ティント
- 876C57
- 947B68
- A18B7A
- AE9B8C
- BBAB9E
- C8BBB1
- D6CCC4
- E3DDD7
- F1EEEB
シェード
- 69503C
- 594332
- 493728
- 3A2A1E
- 2B1F15
- 1D140D
- 100A05
- 050302
- 010000
トーン
- 7B614C
- 7C6452
- 7C6858
- 7D6B5D
- 7E6F63
- 7E7269
- 7F766F
- 7F7974
- 807D7A
カラーハーモニー
補色 +180°
- 7A5D46
Ridgeline
- 48687E
≈ Eames for Blue
類似色 -30° +30°
- 7A5D46
Ridgeline
- 7F5953
≈ Musk Deer
- 6F6341
≈ Bronze Medal
トライアド +120° +240°
- 7A5D46
Ridgeline
- 416E65
≈ Cormorant
- 685D7D
≈ Napa Winery
スプリットコンプリメンタリー +150° +210°
- 7A5D46
Ridgeline
- 3F6C74
≈ Teal Mosaic
- 586382
≈ Enduring
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.03:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.48:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--ridgeline: #7a5d46;
--ridgeline-rgb: 122 93 70;
--ridgeline-oklch: oklch(0.502 0.051 59.7);
}
.element {
color: var(--ridgeline);
background-color: hsl(27 27% 38%);
border-color: oklch(0.502 0.051 59.7);
}Tailwind CSS v4
@theme {
--color-ridgeline: #7a5d46;
--color-ridgeline-50: #fff2e7;
--color-ridgeline-100: #f5e4d7;
--color-ridgeline-200: #e5d0bf;
--color-ridgeline-300: #cbb29d;
--color-ridgeline-400: #b69880;
--color-ridgeline-500: #a07e64;
--color-ridgeline-600: #876b55;
--color-ridgeline-700: #6c5644;
--color-ridgeline-800: #503e31;
--color-ridgeline-900: #382b21;
--color-ridgeline-950: #221811;
}SCSS
$ridgeline: #7a5d46;
$ridgeline-rgb: 122, 93, 70;
$ridgeline-light: mix(#fff, $ridgeline, 20%);
$ridgeline-dark: mix(#000, $ridgeline, 20%);
.element {
color: $ridgeline;
box-shadow: 0 0 0 2px rgba($ridgeline, 0.35);
}