色名 · #B7938F
Cherry Taupe
Cherry Taupeは#B7938F：rgb(183 147 143)、hsl(6 22% 64%)、oklch(0.695 0.044 25.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Cherry Taupe color name →
#B7938F
oklch(0.695 0.044 25.6)
カラー変換
- HEX
- #b7938f
- RGB
- rgb(183 147 143)
- HSL
- hsl(6 22% 64%)
- HWB
- hwb(6 56% 28%)
- OKLCH
- oklch(0.695 0.044 25.6)
- OKLab
- oklab(0.695 0.04 0.019)
- CIE Lab
- lab(64.26 13.48 7.52)
- LCH
- lch(64.26 15.44 29.2)
- CMYK
- cmyk(0% 20% 22% 28%)
ティント · シェード · トーン
ティント
- BE9D9A
- C6A8A4
- CDB2AF
- D4BDBA
- DBC8C6
- E2D3D1
- EADEDC
- F1E9E8
- F8F4F3
シェード
- 9F7F7C
- 876C69
- 705957
- 5A4745
- 453634
- 312524
- 1E1615
- 0C0807
- 020101
トーン
- B2918E
- AC8F8C
- A78D8B
- A18C89
- 9C8A88
- 968886
- 918685
- 8B8483
- 868282
カラーハーモニー
補色 +180°
- B7938F
Cherry Taupe
- 7DA5AA
≈ Ziggurat
類似色 -30° +30°
- B7938F
Cherry Taupe
- B4929E
≈ Ashberry
- B39683
≈ Cobbler Shop
トライアド +120° +240°
- B7938F
Cherry Taupe
- 8CA58D
≈ Envy
- 909DB9
≈ Electric Sky
スプリットコンプリメンタリー +150° +210°
- B7938F
Cherry Taupe
- 81A69C
≈ Scenario
- 83A2B5
≈ Lake Okoboji
テトラード +90° +180° +270°
- B7938F
Cherry Taupe
- 9BA182
≈ Zebra Grass
- 7DA5AA
≈ Ziggurat
- 9F98B6
≈ Heirloom Lilac
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.76:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.58:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.58:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--cherry-taupe: #b7938f;
--cherry-taupe-rgb: 183 147 143;
--cherry-taupe-oklch: oklch(0.695 0.044 25.6);
}
.element {
color: var(--cherry-taupe);
background-color: hsl(6 22% 64%);
border-color: oklch(0.695 0.044 25.6);
}Tailwind CSS v4
@theme {
--color-cherry-taupe: #b7938f;
--color-cherry-taupe-50: #fff1ee;
--color-cherry-taupe-100: #f6e3e0;
--color-cherry-taupe-200: #e7ceca;
--color-cherry-taupe-300: #cdafab;
--color-cherry-taupe-400: #b79591;
--color-cherry-taupe-500: #a27b77;
--color-cherry-taupe-600: #896865;
--color-cherry-taupe-700: #6d5351;
--color-cherry-taupe-800: #513d3b;
--color-cherry-taupe-900: #382a28;
--color-cherry-taupe-950: #231716;
}SCSS
$cherry-taupe: #b7938f;
$cherry-taupe-rgb: 183, 147, 143;
$cherry-taupe-light: mix(#fff, $cherry-taupe, 20%);
$cherry-taupe-dark: mix(#000, $cherry-taupe, 20%);
.element {
color: $cherry-taupe;
box-shadow: 0 0 0 2px rgba($cherry-taupe, 0.35);
}