最も近い色名 · #40862C
#40862C
最も近い色名: Overgrown Mausoleum
#40862C（rgb(64 134 44)、hsl(107 51% 35%)、oklch(0.555 0.143 139.4)）に最も近い色名はOvergrown Mausoleumです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#40862C
oklch(0.555 0.143 139.4)
カラー変換
- HEX
- #40862c
- RGB
- rgb(64 134 44)
- HSL
- hsl(107 51% 35%)
- HWB
- hwb(107 17% 47%)
- OKLCH
- oklch(0.555 0.143 139.4)
- OKLab
- oklab(0.555 -0.109 0.093)
- CIE Lab
- lab(49.96 -36.22 39.69)
- LCH
- lch(49.96 53.74 132.4)
- CMYK
- cmyk(52% 0% 67% 47%)
ティント · シェード · トーン
ティント
- 549244
- 679E59
- 7AAA6E
- 8CB682
- 9FC296
- B2CEAB
- C5DAC0
- D8E7D5
- EBF3EA
シェード
- 367425
- 2D621E
- 245117
- 1B4011
- 13300A
- 0B2105
- 051302
- 010601
- 000100
トーン
- 488637
- 4F8541
- 56854B
- 5D8553
- 63845B
- 698363
- 6F836A
- 758272
- 7B8179
カラーハーモニー
補色 +180°
- 40862C
Overgrown Mausoleum
- 9653A7
≈ Purpureus
類似色 -30° +30°
- 40862C
Overgrown Mausoleum
- 797800
≈ Mongolian Plateau
- 008768
≈ Celtic Queen
トライアド +120° +240°
- 40862C
Overgrown Mausoleum
- 3C71C5
≈ Palace Blue
- B84950
≈ Dusty Red
スプリットコンプリメンタリー +150° +210°
- 40862C
Overgrown Mausoleum
- 7361C0
≈ Ultra Violet
- AE4A7F
≈ Our Little Secret
テトラード +90° +180° +270°
- 40862C
Overgrown Mausoleum
- 007EA6
≈ Kingfisher Sheen
- 9653A7
≈ Purpureus
- B3540C
≈ Skrag Brown
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.66:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--overgrown-mausoleum: #40862c;
--overgrown-mausoleum-rgb: 64 134 44;
--overgrown-mausoleum-oklch: oklch(0.555 0.143 139.4);
}
.element {
color: var(--overgrown-mausoleum);
background-color: hsl(107 51% 35%);
border-color: oklch(0.555 0.143 139.4);
}Tailwind CSS v4
@theme {
--color-overgrown-mausoleum: #40862c;
--color-overgrown-mausoleum-50: #dfffda;
--color-overgrown-mausoleum-100: #cef5c8;
--color-overgrown-mausoleum-200: #b2e4ab;
--color-overgrown-mausoleum-300: #8dca85;
--color-overgrown-mausoleum-400: #6fb35e;
--color-overgrown-mausoleum-500: #4d9c37;
--color-overgrown-mausoleum-600: #428430;
--color-overgrown-mausoleum-700: #356a26;
--color-overgrown-mausoleum-800: #284d17;
--color-overgrown-mausoleum-900: #1b360f;
--color-overgrown-mausoleum-950: #0b2103;
}SCSS
$overgrown-mausoleum: #40862c;
$overgrown-mausoleum-rgb: 64, 134, 44;
$overgrown-mausoleum-light: mix(#fff, $overgrown-mausoleum, 20%);
$overgrown-mausoleum-dark: mix(#000, $overgrown-mausoleum, 20%);
.element {
color: $overgrown-mausoleum;
box-shadow: 0 0 0 2px rgba($overgrown-mausoleum, 0.35);
}