色名 · #B1A76F
Natchez Moss
Natchez Mossは#B1A76F：rgb(177 167 111)、hsl(51 30% 56%)、oklch(0.723 0.076 99.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Natchez Moss color name →
#B1A76F
oklch(0.723 0.076 99.3)
カラー変換
- HEX
- #b1a76f
- RGB
- rgb(177 167 111)
- HSL
- hsl(51 30% 56%)
- HWB
- hwb(51 44% 31%)
- OKLCH
- oklch(0.723 0.076 99.3)
- OKLab
- oklab(0.723 -0.012 0.075)
- CIE Lab
- lab(68.35 -2.45 30.36)
- LCH
- lch(68.35 30.46 94.6)
- CMYK
- cmyk(0% 6% 37% 31%)
ティント · シェード · トーン
ティント
- B9B07D
- C0B88C
- C8C19A
- CFCAA8
- D7D3B7
- DFDBC5
- E7E4D3
- EFEDE2
- F7F6F0
シェード
- 999160
- 837B51
- 6C6642
- 575234
- 423E27
- 2F2C1A
- 1C1A0E
- 0C0A04
- 010101
トーン
- ACA371
- A79F74
- A29B76
- 9D9777
- 989479
- 93907B
- 8E8C7C
- 89887E
- 85847F
カラーハーモニー
補色 +180°
- B1A76F
Natchez Moss
- 9BA1D5
≈ Dalmatian Sage
類似色 -30° +30°
- B1A76F
Natchez Moss
- C59E71
≈ Gingersnap
- 97AF7D
≈ Siamese Green
トライアド +120° +240°
- B1A76F
Natchez Moss
- 6DB1C6
≈ Delicate Girl Blue
- C693B5
≈ Mauve Magic
スプリットコンプリメンタリー +150° +210°
- B1A76F
Natchez Moss
- 81AAD4
≈ Cotton Wool Blue
- B499CA
≈ Atlantic Tulip
テトラード +90° +180° +270°
- B1A76F
Natchez Moss
- 6AB5B0
≈ Veranda Blue
- 9BA1D5
≈ Dalmatian Sage
- D0929B
≈ Rosetti
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.43:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.62:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.62:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--natchez-moss: #b1a76f;
--natchez-moss-rgb: 177 167 111;
--natchez-moss-oklch: oklch(0.723 0.076 99.3);
}
.element {
color: var(--natchez-moss);
background-color: hsl(51 30% 56%);
border-color: oklch(0.723 0.076 99.3);
}Tailwind CSS v4
@theme {
--color-natchez-moss: #b1a76f;
--color-natchez-moss-50: #f9f6de;
--color-natchez-moss-100: #ede9cd;
--color-natchez-moss-200: #dbd6b1;
--color-natchez-moss-300: #bfb98c;
--color-natchez-moss-400: #a9a06b;
--color-natchez-moss-500: #92874a;
--color-natchez-moss-600: #7c723f;
--color-natchez-moss-700: #635c32;
--color-natchez-moss-800: #4a4323;
--color-natchez-moss-900: #332e17;
--color-natchez-moss-950: #1f1b08;
}SCSS
$natchez-moss: #b1a76f;
$natchez-moss-rgb: 177, 167, 111;
$natchez-moss-light: mix(#fff, $natchez-moss, 20%);
$natchez-moss-dark: mix(#000, $natchez-moss, 20%);
.element {
color: $natchez-moss;
box-shadow: 0 0 0 2px rgba($natchez-moss, 0.35);
}