色名 · #C5B692
Withered Moss
Withered Mossは#C5B692：rgb(197 182 146)、hsl(42 31% 67%)、oklch(0.78 0.052 88.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Withered Moss color name →
#C5B692
oklch(0.78 0.052 88.1)
カラー変換
- HEX
- #c5b692
- RGB
- rgb(197 182 146)
- HSL
- hsl(42 31% 67%)
- HWB
- hwb(42 57% 23%)
- OKLCH
- oklch(0.78 0.052 88.1)
- OKLab
- oklab(0.78 0.002 0.052)
- CIE Lab
- lab(74.64 1.35 20.44)
- LCH
- lch(74.64 20.49 86.2)
- CMYK
- cmyk(0% 8% 26% 23%)
ティント · シェード · トーン
ティント
- CBBD9D
- D0C4A7
- D6CCB2
- DCD3BD
- E2DAC8
- E8E1D3
- EDE9DE
- F3F0E9
- F9F8F4
シェード
- AB9E7E
- 92866B
- 796F58
- 615946
- 4B4435
- 353025
- 211D16
- 0E0C08
- 020201
トーン
- BEB090
- B7AB8F
- B0A68D
- A9A08B
- A29B8A
- 9B9588
- 949086
- 8D8B84
- 878582
カラーハーモニー
補色 +180°
- C5B692
Withered Moss
- A9B7D9
≈ Lilac Sachet
類似色 -30° +30°
- C5B692
Withered Moss
- D1B097
≈ Beige Ganesh
- B4BC97
≈ Pale Spring Morning
トライアド +120° +240°
- C5B692
Withered Moss
- 91C1C9
≈ Witness
- CAACC8
≈ Purple Chalk
スプリットコンプリメンタリー +150° +210°
- C5B692
Withered Moss
- 99BDD5
≈ Gentle Sky
- BBB1D5
≈ Pastel Lilac
テトラード +90° +180° +270°
- C5B692
Withered Moss
- 94C3B7
≈ Float Your Boat
- A9B7D9
≈ Lilac Sachet
- D4AAB7
≈ Pink Nectar
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.00:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.48:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--withered-moss: #c5b692;
--withered-moss-rgb: 197 182 146;
--withered-moss-oklch: oklch(0.78 0.052 88.1);
}
.element {
color: var(--withered-moss);
background-color: hsl(42 31% 67%);
border-color: oklch(0.78 0.052 88.1);
}Tailwind CSS v4
@theme {
--color-withered-moss: #c5b692;
--color-withered-moss-50: #fbf5e5;
--color-withered-moss-100: #eee8d5;
--color-withered-moss-200: #ddd4bc;
--color-withered-moss-300: #c2b79a;
--color-withered-moss-400: #ab9d7c;
--color-withered-moss-500: #94855e;
--color-withered-moss-600: #7e7050;
--color-withered-moss-700: #645a40;
--color-withered-moss-800: #4a412e;
--color-withered-moss-900: #342d1f;
--color-withered-moss-950: #1f1a0f;
}SCSS
$withered-moss: #c5b692;
$withered-moss-rgb: 197, 182, 146;
$withered-moss-light: mix(#fff, $withered-moss, 20%);
$withered-moss-dark: mix(#000, $withered-moss, 20%);
.element {
color: $withered-moss;
box-shadow: 0 0 0 2px rgba($withered-moss, 0.35);
}