色名 · #C2B79E
Wagon Wheel
Wagon Wheelは#C2B79E：rgb(194 183 158)、hsl(42 23% 69%)、oklch(0.782 0.037 87.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Wagon Wheel color name →
#C2B79E
oklch(0.782 0.037 87.1)
カラー変換
- HEX
- #c2b79e
- RGB
- rgb(194 183 158)
- HSL
- hsl(42 23% 69%)
- HWB
- hwb(42 62% 24%)
- OKLCH
- oklch(0.782 0.037 87.1)
- OKLab
- oklab(0.782 0.002 0.036)
- CIE Lab
- lab(74.84 0.98 14.25)
- LCH
- lch(74.84 14.28 86.1)
- CMYK
- cmyk(0% 6% 19% 24%)
ティント · シェード · トーン
ティント
- C8BEA7
- CEC5B1
- D4CCBA
- DAD3C4
- E0DBCE
- E6E2D8
- ECE9E1
- F3F0EB
- F9F8F5
シェード
- A89F89
- 8F8774
- 777060
- 605A4D
- 49453A
- 343129
- 201E18
- 0E0C09
- 020201
トーン
- BBB19B
- B4AC98
- AEA695
- A7A192
- A09B8F
- 9A968C
- 939089
- 8D8B86
- 868583
カラーハーモニー
補色 +180°
- C2B79E
Wagon Wheel
- ADB8D0
≈ Ethereal Mist
類似色 -30° +30°
- C2B79E
Wagon Wheel
- CBB3A2
≈ Familiar Beige
- B6BBA1
≈ Dried Chervil
トライアド +120° +240°
- C2B79E
Wagon Wheel
- 9EBFC4
≈ Warm Breezes
- C5B0C4
≈ Really Romantic
スプリットコンプリメンタリー +150° +210°
- C2B79E
Wagon Wheel
- A3BCCD
≈ Heavenly Blue
- BAB4CD
≈ Violet Beauty
テトラード +90° +180° +270°
- C2B79E
Wagon Wheel
- A0C0B7
≈ Prized Celadon
- ADB8D0
≈ Ethereal Mist
- CCAFB8
≈ Scented Frill
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.56:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.56:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--wagon-wheel: #c2b79e;
--wagon-wheel-rgb: 194 183 158;
--wagon-wheel-oklch: oklch(0.782 0.037 87.1);
}
.element {
color: var(--wagon-wheel);
background-color: hsl(42 23% 69%);
border-color: oklch(0.782 0.037 87.1);
}Tailwind CSS v4
@theme {
--color-wagon-wheel: #c2b79e;
--color-wagon-wheel-50: #f9f5ea;
--color-wagon-wheel-100: #ede8da;
--color-wagon-wheel-200: #dad4c3;
--color-wagon-wheel-300: #bfb7a3;
--color-wagon-wheel-400: #a89d86;
--color-wagon-wheel-500: #91856b;
--color-wagon-wheel-600: #7a715b;
--color-wagon-wheel-700: #625a48;
--color-wagon-wheel-800: #484234;
--color-wagon-wheel-900: #322d23;
--color-wagon-wheel-950: #1e1a12;
}SCSS
$wagon-wheel: #c2b79e;
$wagon-wheel-rgb: 194, 183, 158;
$wagon-wheel-light: mix(#fff, $wagon-wheel, 20%);
$wagon-wheel-dark: mix(#000, $wagon-wheel, 20%);
.element {
color: $wagon-wheel;
box-shadow: 0 0 0 2px rgba($wagon-wheel, 0.35);
}