色名 · #A99E54
Organic Matter
Organic Matterは#A99E54：rgb(169 158 84)、hsl(52 34% 50%)、oklch(0.693 0.096 101)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Organic Matter color name →
#A99E54
oklch(0.693 0.096 101)
カラー変換
- HEX
- #a99e54
- RGB
- rgb(169 158 84)
- HSL
- hsl(52 34% 50%)
- HWB
- hwb(52 33% 34%)
- OKLCH
- oklch(0.693 0.096 101)
- OKLab
- oklab(0.693 -0.018 0.095)
- CIE Lab
- lab(64.86 -3.33 39.78)
- LCH
- lch(64.86 39.92 94.8)
- CMYK
- cmyk(0% 7% 50% 34%)
ティント · シェード · トーン
ティント
- B1A866
- B9B178
- C2BB89
- CAC499
- D3CEAA
- DCD8BB
- E4E2CC
- EDEBDD
- F6F5EE
シェード
- 928948
- 7C743C
- 676031
- 534D26
- 3F3A1B
- 2C2911
- 1B1808
- 0A0902
- 010100
トーン
- A59B5A
- A1985F
- 9C9564
- 989269
- 948F6D
- 908C72
- 8C8975
- 888679
- 84837D
カラーハーモニー
補色 +180°
- A99E54
Organic Matter
- 9195D7
≈ Portage
類似色 -30° +30°
- A99E54
Organic Matter
- C29256
≈ Twine
- 87A968
≈ Peeled Asparagus
トライアド +120° +240°
- A99E54
Organic Matter
- 4DAAC6
≈ Dragonfly Blue
- C584AE
≈ Moonlight Mauve
スプリットコンプリメンタリー +150° +210°
- A99E54
Organic Matter
- 6EA0D6
≈ Blue Electress
- AF8BC8
≈ Creeping Bellflower
テトラード +90° +180° +270°
- A99E54
Organic Matter
- 46AFAA
≈ Island Moment
- 9195D7
≈ Portage
- D0838D
≈ Rose Sachet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.72:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.70:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.70:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--organic-matter: #a99e54;
--organic-matter-rgb: 169 158 84;
--organic-matter-oklch: oklch(0.693 0.096 101);
}
.element {
color: var(--organic-matter);
background-color: hsl(52 34% 50%);
border-color: oklch(0.693 0.096 101);
}Tailwind CSS v4
@theme {
--color-organic-matter: #a99e54;
--color-organic-matter-50: #faf7d8;
--color-organic-matter-100: #edeac5;
--color-organic-matter-200: #dbd7a7;
--color-organic-matter-300: #c0ba80;
--color-organic-matter-400: #aba05b;
--color-organic-matter-500: #948833;
--color-organic-matter-600: #7d732d;
--color-organic-matter-700: #645c23;
--color-organic-matter-800: #4b4317;
--color-organic-matter-900: #342e0f;
--color-organic-matter-950: #1f1b03;
}SCSS
$organic-matter: #a99e54;
$organic-matter-rgb: 169, 158, 84;
$organic-matter-light: mix(#fff, $organic-matter, 20%);
$organic-matter-dark: mix(#000, $organic-matter, 20%);
.element {
color: $organic-matter;
box-shadow: 0 0 0 2px rgba($organic-matter, 0.35);
}