最も近い色名 · #4D5B00
#4D5B00
最も近い色名: Forestial Outpost
#4D5B00（rgb(77 91 0)、hsl(69 100% 18%)、oklch(0.443 0.105 119.5)）に最も近い色名はForestial Outpostです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4D5B00
oklch(0.443 0.105 119.5)
カラー変換
- HEX
- #4d5b00
- RGB
- rgb(77 91 0)
- HSL
- hsl(69 100% 18%)
- HWB
- hwb(69 0% 64%)
- OKLCH
- oklch(0.443 0.105 119.5)
- OKLab
- oklab(0.443 -0.052 0.091)
- CIE Lab
- lab(36.27 -14.14 42.43)
- LCH
- lch(36.27 44.72 108.4)
- CMYK
- cmyk(15% 0% 100% 64%)
ティント · シェード · トーン
ティント
- 5D6A26
- 6D7A3F
- 7E8A57
- 8F9A6E
- A1AA86
- B3BB9D
- C5CCB5
- D8DDCD
- EBEEE6
シェード
- 424E00
- 374100
- 2C3500
- 222900
- 181E00
- 0F1300
- 070900
- 020300
- 000000
トーン
- 525F19
- 576328
- 5B6735
- 606A40
- 666E4C
- 6B7256
- 707561
- 75796B
- 7B7C76
カラーハーモニー
補色 +180°
- 4D5B00
Forestial Outpost
- 5C4484
≈ Gigas
類似色 -30° +30°
- 4D5B00
Forestial Outpost
- 675000
≈ Olive Brown
- 1D6332
≈ Bucolic
トライアド +120° +240°
- 4D5B00
Forestial Outpost
- 005985
≈ Sea Cave
- 803752
≈ Rich Red Violet
スプリットコンプリメンタリー +150° +210°
- 4D5B00
Forestial Outpost
- 3D4F8D
≈ Tory Blue
- 733C6F
≈ Burnt Orchid
テトラード +90° +180° +270°
- 4D5B00
Forestial Outpost
- 005F6A
≈ Petrol
- 5C4484
≈ Gigas
- 84392F
≈ Crabapple
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.46:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.81:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.46:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--forestial-outpost: #4d5b00;
--forestial-outpost-rgb: 77 91 0;
--forestial-outpost-oklch: oklch(0.443 0.105 119.5);
}
.element {
color: var(--forestial-outpost);
background-color: hsl(69 100% 18%);
border-color: oklch(0.443 0.105 119.5);
}Tailwind CSS v4
@theme {
--color-forestial-outpost: #4d5b00;
--color-forestial-outpost-50: #f0fad9;
--color-forestial-outpost-100: #e2eec7;
--color-forestial-outpost-200: #cddcaa;
--color-forestial-outpost-300: #afc084;
--color-forestial-outpost-400: #97a85e;
--color-forestial-outpost-500: #7e9038;
--color-forestial-outpost-600: #6b7a31;
--color-forestial-outpost-700: #556127;
--color-forestial-outpost-800: #404719;
--color-forestial-outpost-900: #2c3110;
--color-forestial-outpost-950: #191d03;
}SCSS
$forestial-outpost: #4d5b00;
$forestial-outpost-rgb: 77, 91, 0;
$forestial-outpost-light: mix(#fff, $forestial-outpost, 20%);
$forestial-outpost-dark: mix(#000, $forestial-outpost, 20%);
.element {
color: $forestial-outpost;
box-shadow: 0 0 0 2px rgba($forestial-outpost, 0.35);
}