色名 · #5F674B
Monstera
Monsteraは#5F674B：rgb(95 103 75)、hsl(77 16% 35%)、oklch(0.499 0.044 120.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Monstera color name →
#5F674B
oklch(0.499 0.044 120.9)
カラー変換
- HEX
- #5f674b
- RGB
- rgb(95 103 75)
- HSL
- hsl(77 16% 35%)
- HWB
- hwb(77 29% 60%)
- OKLCH
- oklch(0.499 0.044 120.9)
- OKLab
- oklab(0.499 -0.022 0.037)
- CIE Lab
- lab(42.3 -7.2 14.78)
- LCH
- lch(42.3 16.44 116)
- CMYK
- cmyk(8% 0% 27% 60%)
ティント · シェード · トーン
ティント
- 6E755B
- 7D836C
- 8C927E
- 9BA18F
- ABB0A1
- BCBFB3
- CCCFC6
- DDDFD9
- EEEFEC
シェード
- 525940
- 444B35
- 383D2B
- 2C3021
- 202317
- 15170E
- 0A0C06
- 030402
- 000000
トーン
- 626A50
- 656C56
- 696F5B
- 6C7160
- 6F7465
- 73766B
- 767970
- 797B75
- 7D7E7B
カラーハーモニー
補色 +180°
- 5F674B
Monstera
- 675D78
≈ Purple Passage
類似色 -30° +30°
- 5F674B
Monstera
- 6C6246
≈ Ochicha Latte
- 516A56
≈ Kale Green
トライアド +120° +240°
- 5F674B
Monstera
- 4D667A
≈ Gloomy Sea
- 795961
≈ Falcon Wing
スプリットコンプリメンタリー +150° +210°
- 5F674B
Monstera
- 59627C
≈ Award Night
- 725A6F
≈ Exotic Orchid
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.95:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.52:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--monstera: #5f674b;
--monstera-rgb: 95 103 75;
--monstera-oklch: oklch(0.499 0.044 120.9);
}
.element {
color: var(--monstera);
background-color: hsl(77 16% 35%);
border-color: oklch(0.499 0.044 120.9);
}Tailwind CSS v4
@theme {
--color-monstera: #5f674b;
--color-monstera-50: #f3f7ea;
--color-monstera-100: #e5ebdb;
--color-monstera-200: #d0d8c3;
--color-monstera-300: #b3bba3;
--color-monstera-400: #9aa386;
--color-monstera-500: #828b6b;
--color-monstera-600: #6e765b;
--color-monstera-700: #585e48;
--color-monstera-800: #414534;
--color-monstera-900: #2c2f23;
--color-monstera-950: #1a1c12;
}SCSS
$monstera: #5f674b;
$monstera-rgb: 95, 103, 75;
$monstera-light: mix(#fff, $monstera, 20%);
$monstera-dark: mix(#000, $monstera, 20%);
.element {
color: $monstera;
box-shadow: 0 0 0 2px rgba($monstera, 0.35);
}